Habbodesign
Infos zum diesem Design:
Dieses Design eignet sich prima für eine Habboseite.
Das Design hat eine Navigation!
Ihr dürft alle Grafiken austauschen! - Das Copyright von "Turbopage" muss stehen bleiben!
Text unter dem Design:
<div id="footer"> (C) by <a href="http://turbopage.de.tl">Turbopage</a>
Alle Rechte:<a href="#">Deine Webseite</a></div>
CSS-Code ohne Styletags:
*Dieses Design wurde von www.turbopage.de.tl für den HpBk umgecodet*------------------------------------------------------------------------
*Wir bieten in unserer Designerbase noch viele weitere kostenlose Designs an*
***www.turbopage.de.tl***/* Nullformatierung für alle Browser */ *{padding: 0px; margin: 0px; }
/* Werbung positioniert */ table[height="102"] { position: absolute; left: 50%; top: 8px; margin-left: -255px; }
/* Hintergrund hinter Design */ body { background-color: #FFFFFF; background-image: url(http://i277.photobucket.com/albums/kk73/GymnastBoii/i285041766_53415_5.jpg); font-family: arial; font-size: 14px; color: #000000; }
/* Design-Container */ #container { width: 962px; margin: 10px auto; overflow: hidden; }
/* Headerfeld für Logo 210 x 100 */ #header_container { width: 210px; height: 100px; margin-bottom: 10px; background-color: #FFFFFF; background-image: url(http://www.loaditup.de/files/709640_aw6nwveud2.png); border: 2px solid #000000; }
/* Titel im Headerfeld entfernt */ h1#header {display: none; }
/* Feld der Navigation */ #nav_container { width: 960px; height: 40px; margin-bottom: 10px; background-color: #c9c9c9; background-image: none; border: 2px solid #000000; }
/* Titel über Navigation entfernt */ #nav_heading {display: none; }
/* Aufzählungspunkte in Navi entfernt */ ul#nav { list-style-type: none; }
/* Navi-Buttons */ li.nav_element { width: 118px; height: 40px; float: left; text-align: center; border-right: 2px solid #000000; background-color: #FFFFFF; background-image: url(https://img.webme.com/pic/t/turbopage/buttonyelloweins.png); }
/* Hover Navi-Button */ li.nav_element:hover { background-image: url(https://img.webme.com/pic/t/turbopage/buttonorangeeins.png); }
/* Linktexte in Navigation */ li.nav_element a { display: block; font-size: 15px; color: #000000; line-height: 40px; text-decoration: none; }
/* Hover Linktexte Navigation */ li.nav_element a:hover { color: #FFFFFF; }
/* Zweites Headerfeld */ #pre_content { width: 956px; height: 140px; margin-bottom: 10px; background-color: #FFFFFF; background-image: url(http://www.loaditup.de/files/709639_e29nm9x6sp.png); border: 2px solid #000000; }
/* Seiteninhalt rechts platziert */ #content { float:right; width: 665px; min-height: 200px; padding: 20px 20px 20px 20px; background-color: #FFE189; background-image: none; border: 2px solid #000000; overflow: hidden; }
/* Titel Seiteninhalt + Titel über Box */ h2#title , #sidebar_heading { padding: 5px 0px 5px 20px; margin: -20px -20px 15px -20px; background-color: #eeeeee; background-image: url(https://img.webme.com/pic/t/turbopage/buttonyelloweins.png); color: #000000; font-size: 14px; font-weight: normal; }
/* Link im Seiteninhalt */ #content a {color: #000080; }
/* Hover Link im Seiteninhalt */ #content a:hover {color: #008080; }
/* Rechte Box links platziert */ #sidebar_container { float: left; width: 200px; min-height: 200px; padding: 20px 20px 20px 20px; background-color: #FFE189; background-image: none; border: 2px solid #000000; overflow: hidden; }
/* Liste in rechter Box */ #sidebar_content ul { list-style-type: square; ; margin: 15px 0px 15px 25px; }
/* Linktexte in Box */ #sidebar_content ul li a { color: #444444; font-size: 14px; background-image: url(https://img.webme.com/pic/t/turbopage/buttonblueeins.png) text-decoration: none; }
/* Hover Linktexte Box */ #sidebar_content ul li a:hover { color: blue; }
/* Feld unter dem Design */ #footer { width: 920px; padding: 20px 20px 20px 20px; margin: auto; background-color: #FFFFFF; background-image: url(https://img.webme.com/pic/m/mrquirinho-test/2012-05-26_192909.jpg); border: 2px solid #000000; }
/* unnötige Felder im Design entfernt */ #pre_header {display:none;} #post_header {display:none;} #post_content {display:none;} #below_content{display:none;} #counter{display:none;}
