<div id="Design04"> <div id="Header_oben"></div>

CCS Kodu Bölümü

#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} a{ color:#3b804d; text-decoration: none; font-size:13px;} a:hover { color: #37b357; font-size: 13px; text-decoration: none;} a:link { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:active { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:visited { color: #4A9AF6; font-size: 13px; text-decoration: none;} #header_container { position: absolute; left: 50%; margin-left:-460px; width: 921px; height:104px; background-color:#343434; background-image:url(https://img.webme.com/pic/a/action-4-you/musik.jpg); color:#FFFFFF; font-size:13px; border: 1px solid #FFFFFF;} body { background-color:#000000;} *{ padding: 0; margin: 0; } #nav_container { position:relative; top: 110px; margin:0px 10px 15px 10px; background-image: url(http://www.freeupp.de/img/1200083861.gif); height: 35px; } #nav_heading { background-image: none; width:2px; height:33px; display:inline; float:left; margin:0px; } ul#nav { width:80%; list-style-type:none; margin: 0; padding: 8px 0 0 0; position:absolute; top: 0px; height:35px; background-image: none; background-position:right; background-repeat:no-repeat; display:inline; } * html ul#nav { top: -1px; } #nav li { position:relative; display: block; float: left; height: 35px; background-image: url(http://www.freeupp.de/img/1200083861.gif); background-repeat: no-repeat; margin: -8px 0 0 0; padding: 8px 0 0 0; } * html #nav li { margin-top: -7px; padding-top: 7px; } #nav_Startseite { background-image: none !important; margin-left:-5px; } #nav a:link, #nav a:visited, #nav a:hover { font-family:Arial, Helvetica, Verdana, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:white; margin:0 20px; z-index:2; } * html #nav a:link, * html #nav a:visited, * html #nav a:hover { position:relative; top: 1px; } #nav a:hover { color:green; } #content { position: absolute; left: 50%; top: 200px; margin-left:-480px; width: 750px; height: 380px; padding:10px; color: #F2F2F2; font-size:13px; background-color:#000000; background-image:url(http://img90.imageshack.us/img90/2833/textbackgroundap4.jpg); border: 1px solid #FFFFFF; overflow:auto;} #sidebar_container{ position: absolute; left: 50%; top:200px; margin-left: 290px; width: 190px; height: 400px; background-color:#000000; background-image:url(http://img408.imageshack.us/img408/2640/rechteboxenbackgroundsp0.jpg); border:1px solid #FFFFFF; color:#FFFFFF; overflow:auto;} #counter { position: absolute; left: 50%; top:601px; margin-left: -480px; width: 960px; height:20px; color:#FFFFFF; font-size:13px; border: 0px solid #000000;}

CCS Kodu Bölümü

#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} #nav_container { position:relative; top: 110px; left: 85px; width: 1040px; margin:0px 10px 15px 10px; background-image: url(https://img.webme.com/pic/d/design-archiv/14.jpg); height: 35px; border: 2px solid #3A3A3A;} #nav_heading { background-color: ; width:2px; height:33px; display:inline; float:left; margin:0px;} ul#nav { width:100%; list-style-type:none; margin: 0; padding: 8px 0 0 0; position:absolute; top: 0px; height:35px; background-image: url(https://img.webme.com/pic/d/design-archiv/14.jpg); background-position:right; background-repeat:no-repeat; display:inline;} * html ul#nav { top: -1px;} #nav li { position:relative; display: block; float: left; height: 35px; background-image: none; background-repeat: no-repeat; margin: -8px 0 0 0; padding: 8px 0 0 0;} * html #nav li { margin-top: -7px; padding-top: 7px; } #nav_Startseite { background-image: none !important; margin-left:-5px; } #nav a:link, #nav a:visited, #nav a:hover { font-family:Arial, Helvetica, Verdana, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:white; margin:0 20px; z-index:2; } * html #nav a:link, * html #nav a:visited, * html #nav a:hover { position:relative; top: 1px; } #nav a:hover { color:#ffcc00; } a{ color:#ffcc00; text-decoration: none; font-size:13px;} a:hover { color: #ffcc00 !important; font-size: 13px; text-decoration: underline;} a:link { color: #4A9AF6 !important; font-size: 13px; text-decoration: none;} a:active { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:visited { color: #4A9AF6; font-size: 13px; text-decoration: none;} body { background-color:#006600; background-image: none;} *{ padding: 0; margin: 0; } #header_container { position: absolute; left: 10px; top: 45px; margin-left:85px; width: 1040px; height:104px; background-color:#343434; background-image:url(http://www.foruni.de/upload/save/p_1204643769.jpg); color:#FFFFFF; font-size:13px; border: 2px solid #3A3A3A;} #content { position: absolute; left: 10px; top: 200px; margin-left:85px; width: 800px; height: 380px; padding:10px; color: #F2F2F2; font-size:13px; background-color:#006600; background-image: none; border: 2px solid #3A3A3A; overflow:auto;} #sidebar_container{ position: relative; left: 794px; top: 99px; margin-left: 150px; width: 190px; height: 400px; background-color:#003CE1; background-image:url(http://www.foruni.de/upload/save/p_1204642987.jpg); border:2px solid #3A3A3A; color:#000000; overflow:auto;} #counter { position: absolute; left: 60px; top:601px; margin-left: 300px; width: 252px; height:20px; color:#FFFFFF; font-size:13px;

Tasarımın Üstündeki Yazı

<div id="navcontainer"> <ul id="navlist"> <!-- CSS Tabs --> <li id="active"><a id="current" href="Home.htm?PHPSESSID=bb2ee1b5f08d0c8d73125b4d8be65000">Home</a></li> <li><a href="Tipps.htm?PHPSESSID=bb2ee1b5f08d0c8d73125b4d8be65000">Tipps &</a></li> <li><a href="Tricks.htm?PHPSESSID=bb2ee1b5f08d0c8d73125b4d8be65000">Tricks</a></li> <li><a href="Aktuell.htm?PHPSESSID=bb2ee1b5f08d0c8d73125b4d8be65000">Aktuell</a></li> <li><a href="Details-zu-.--.--.--.--.-.htm?PHPSESSID=bb2ee1b5f08d0c8d73125b4d8be65000">Details zu...</a></li> <li><a href="Link-me.htm?PHPSESSID=bb2ee1b5f08d0c8d73125b4d8be65000">Link Me</a></li> <li><a href="Topliste.htm?PHPSESSID=bb2ee1b5f08d0c8d73125b4d8be65000">Topliste</a></li> <li><a href="Vote4me.htm?PHPSESSID=bb2ee1b5f08d0c8d73125b4d8be65000">Vote4me</a></li> <li><a href="G.ae.stebuch.htm?PHPSESSID=bb2ee1b5f08d0c8d73125b4d8be65000">Gästebuch</a></li> <li><a href="Kontakt.htm?PHPSESSID=bb2ee1b5f08d0c8d73125b4d8be65000">Kontakt</a></li> </ul> </div> <div id="content1"> </div> <div id="footer"> <a href="javascript:history.go(-1)">Zurück</a> | <a href="javascript:history.go(1)">Vorwärts</a> | <a href="javascript:history.go(0)">Aktualisieren</a> <br> <br>Copyright © 2008 Youre Company <br> Designed by <a href="http://www.mp-templates.de" class="link1">MP-templates</a> </div>

CCS Kodu Bölümü

#content_container { padding-bottom:3em; } BODY {scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#666666; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:transparent; scrollbar-highlight-color:transparent; scrollbar-shadow-color:transparent; } /* Design */ body#hpb_cssonly{ background-color: #FFFFFF; background-image: Url(URL); background-repeat: no-repeat; position:absolute; margin-top: 0px; padding-top: 0px; margin-left: auto; margin-right: auto; } a{ color: #969696; text-decoration: none; } a:hover{ color: #DADADA; text-decoration: none; } /* Header */ div.header{ background-image: url(https://img.webme.com/pic/m/mytests/star_head.gif); background-repeat: no-repeat; height: 104px; width: 850px; } div#header_container{ position:absolute; top: 17px !important; height: 104px; margin-bottom: 0px; margin-top: 0px; margin-bottom: 0px; left: 100px; margin-left: 0px; } /* Navigation */ div#nav_container{ display: none; } #navcontainer { float:left; position: absolute; top: 125px; left: 100px; margin-left: 0px; width: 850px; height: 25px; padding: 5px 0px 0px 0px; background: #ADCAF5; background-repeat: no-repeat; } #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #navcontainer ul li a { background: #A9C7F5; width: 78px; height: 18px; border-top: 1px solid #969696; border-left: 1px solid #969696; border-bottom: 1px solid #969696; border-right: none; padding: 0; margin: 0 0 10px 0; color: #000; text-decoration: none; display: block; text-align: center; font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; } #navcontainer ul li a:hover { color: #fff; background: #8EB7F2; } #navcontainer a:active { background: #6199ED; color: #fff; } #navcontainer li#active a { background: #6199ED; border: 1px solid #000; color: #fff; } /* Seitentitel */ h2#title{ font-size: 12px; font-style: none; text-align: left; color: white; background-color: #8EB7F2; background-image: URL(URL); height: 20px; width: 100%; margin-left: 0px; padding-top: 5px; margin-right: auto; margin-top: 5px; margin-bottom: 10px; } /* Seiteninhalt */ div#content{ position: absolute; top: 130px; left: 400px; margin-left: 0px; margin-right: auto; margin-top: 30px; margin-bottom: 10px; background: white url(URL); border: 1px dotted #969696; width: 531px; height: 544px; text-align: left; padding: 0px 10px 10px 5px; color: #444444!important; overflow:auto; z-index: 7; } div#container{ margin-top: 10px; } div#content_container{ margin-top: 50px; } #content1 { background: white url(https://img.webme.com/pic/m/mytests/star_content1.gif) left center; background-repeat: no-repeat; width: 300px; height: 600px; position:absolute; top: 160px; left: 100px; margin-left: 0px; border: 1px dotted #969696; margin-bottom: 0px; bottom:0px; text-align:left; padding-left: 0px; padding-top:5px; padding-buttom: 5px; margin-top: 0px; z-index: 3; color: white; } #footer { margin-bottom: 0px; position:absolute; left: 100px; margin-left: 0px; top: 685px; border: 1px dotted #969696; bottom:0px; background: white url(https://img.webme.com/pic/m/mytests/star_footer.gif) repeat-x; width: 845px; height: 90px; text-align:left; padding-left: 5px; padding-top:0px; padding-buttom: 0px; margin-top: 0px; z-index: 5; color: #6199ED; } /* Counter */ #counter{ position: absolute; top: 725px; left: 720px; vertical-align: bottomline; margin-top: 0px; padding-top: 5px; text-align: center; font-color: #6199ed!important; font-size: 8px; width: 155px; height: 40px; border: 1px dotted #969696; background-color: transparent; background-image: url(URL); background-repeat: no-repeat; z-index: 8; } /* Style Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: arial; vertical-align: baseline; } img{ border: 0px; } /* Ausblendungen */ div.header span, div#post_header, div#pre_header, h2#nav_heading, h2#nav_heading span, div#pre_content{ display: none; }