Design8
Endlich Neu!
Unser Design.
Text über dem Design:<div id="headeroben"> <div id="navioben"> <div id="leuchten"> </div>
Design by klaro-design.de.tl 2012.
CSS-Code
ohne Style Tags:
CSS-Code
ohne Style Tags:
td[height="12"] { position:absolute; top: 195px; left:50%; margin-left:- 376px; } body { background-color: #000000; background-image: url(http://www.habbotimes.net/site/scripts/pixxelsearch/search/Head_Guides_Switserland.png); } #logo { position: absolute; left: 50%; top: -70px; margin-left: -155px; width: 375px; height: 71px; background-image: url( DEIN LOGO ); } #headeroben { width:100%; position:absolute; left: 0%; height: 150px; margin-top: -116px; background-image: url(http://www.Bildermonster24.de/images/517_Unbenannt.png); } #navioben { width:100%; position:absolute; left: 0%; height: 51px; margin-top: 138px; background-image: url(http://www.Bildermonster24.de/images/978_Unbenannt.png); } #leuchten { position: absolute; left: 50%; top: -190px; margin-left: -195px; width: 380px; height: 140px; background-image: url(https://img.webme.com/pic/o/ombatest2/headerleuchten_pro.png); } #container { width: 960px; height: auto; margin: auto; overflow: hidden; } #nav_container { position: absolute; left: 50%; top: -22px; margin-left: -530px; width: 886px; height: 62px; text-align: left; border-top: 0px solid #ffffff; background-image: none; } li.nav_element { display: inline-block; text-align: center; height:10px; padding: 20px; width: auto; background-image: none; } li.nav_element a { font-size:15px; color: #000000; font-family: arial; font-weight: bold; text-decoration: none; } li.nav_element:hover { height:10px; background-image: none; } li.nav_element:hover a { font-size:15px; color: #0000cd; font-family: arial; font-weight: bold; text-decoration: none; } #content { float: right; margin-top: 65px; margin-bottom: 30px; width: 680px; padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px; color: #5c5c5c; font-size: 12px; font-family: arial; text-align: left; background-color: #f6f6f6; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; border: 2px solid #000000; } #content a { font-size: 12px; color: #88d7e8; text-decoration: none; font-family: arial; } #sidebar_container { float: left; margin-top: 66px; height: auto; width: 222px; color: #5c5c5c; font-size:13px; font-family: arial; text-align: left; background: none; background-repeat:no-repeat; } #hintergrundlinks { background: url(http://www.Bildermonster24.de/images/231_Unbenannt.png); height: auto; width: 181px; padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px; background-repeat:no-repeat; } #hintergrundlinks a { color: #88d7e8; font-size: 12px; font-family: arial; text-decoration: none; } #oberlinkebox { background: url(http://www.Bildermonster24.de/images/623_Unbenannt.png); height: auto; width: 202px; hight: 21px; color: #ffffff; padding-top: 10px; padding-right: 10px; padding-left: 30px; padding-bottom: 10px; background-repeat: no-repeat; } #footer { clear:both; width:100%; height:60px; margin: auto; text-align:center; background-color: #0d253d; border-top: 10px solid #1f3a55; font-size:12px; color:#ffffff; } #footer a { color:#88d7e8; } h2#title{display:none;} h1#header {display:none;} #header-container {display:none;} #nav_heading{display:none;} #sidebar_heading {display:none;} #pre_content {display:none;} #pre_header {display:none;} #post_header {display:none;} #post_content {display:none;} #below_content{display:none;} #extraDiv2 {display:none;} #extraDiv3 {display:none;} #extraDiv4 {display:none;} #extraDiv5 {display:none;} #extraDiv6 {display:none;} div.header{display: none;} #counter{display:none;} |
Viel spaß damit!
Regeln:
Der Text:Design by klaro-design.de.tl darf nicht entfehrt werden!!
-Design Css-Design /Nur für Profis auswählen.
-Code einfügen
-Fertig!