Habbo
Design "Habbo"
<---- Zurück 
Infos zum diesem Design:
Dieses Design eignet sich prima für eine Habboseite.
Das Design hat zwei Navigationen!
Ihr dürft alle Grafiken austauschen! - Das Copyright von "Turbopage" muss stehen bleiben!
Text über dem Design:
<div class="templatemo_container"> <div id="templatemo_header">
<div id="templatemo_logo_area">
<div id="templatemo_logo"><a target="_blank" href="URL">Dein Titel</a></div>
<div id="templatemo_slogan">Dein Slogen</div> </div>
<div id="templatemo_menu"> <ul>
<li><a href="URL">Startseite</a></li>
<li><a href="URL">Über uns</a></li>
<li><a href="URL">Punkt 1</a></li>
<li><a href="URL">Punkt 2</a></li>
<li><a href="URL" >Gästebuch</a></li>
<li><a target="_parent" href="URL">Punkt 3</a></li>
<li><a href="URL">Punkt 4</a></li> </ul> </div> </div>
<!-- end of header -->
<div id="templatemo_image_fader"> </div>
<div id="templatemo_content_area">
<div id="templatemo_left"> <div class="templatemo_post">
<div class="templatemo_post_title">Dein Sloagnl</div>
<div class="templatemo_post_text"><a href="http://turbopage.de.tl" >
Text unter dem Design:
</div> <div class="templatemo_post_bottom">Dein Sloagen</div> </div>
<div class="templatemo_post2"> </div>
<div class="templatemo_post_text2"> </div> </div> </div>
<!-- End Of left-->
<div id="templatemo_right"> <div class="templatemo_section">
<div class="templatemo_section_title">Extras</div> <div class="templatemo_section_bottom">
<ul class="templatemo_list">
<li><a href="URL" >Topliste</a></li>
<li><a href="URL" >Login</a></li>
<li><a href="URL" >Gästebuch</a></li>
<li><a href="URL" >Kontakt</a></li>
<li><a href="URL" >Impressum</a></li> </ul> </div> </div> <div class="templatemo_section">
<div class="templatemo_section_title">Partnerseiten</div> <div class="templatemo_section_bottom"> <ul class="templatemo_list">
<li><a href="URL" >Frei</a></li>
<li><a href="URL">Frei</a></li>
<li><a href="URL" >Frei</a></li>
<li><a href="URL">Frei</a></li> </ul> </div> </div> </div>
<!-- End Of right-->
<div class="cleaner"> </div> </div>
<!-- End Of Content area --></div>
<!-- End Of Container -->
<div id="templatemo_bottom_area">
<div class="templatemo_container"> <div class="templatemo_section_1">
<h1>Vote4Me</h1> <ul class="templatemo_list templatemo_gray_list">
<li><a target="_parent" href="URL" >Frei</a></li>
<li><a target="_blank" href="URL"</h2> >Frei</a></li>
<li><a target="_blank" href="URL" >Frei</a></li>
<li><a target="_blank" href="URL" >Frei</a></li>
<li><a href="URL" >Frei</a></li> </ul> </div>
<div class="templatemo_section_1">
<h1>Nützliche Links</h1>
<ul class="templatemo_list templatemo_gray_list">
<li><a href="URL" >Kommt</a></li>
<li><a href="URL" >Kommt</a></li>
<li><a href="URL" >Kommt</a></li>
<li><a href="URL" >Kommt</a></li> <
li><a href="URL" >Kommt</a></li> </ul> </div>
<div class="templatemo_section_2">
<h1>About</h1> <p>Hier kann dein Text stehen! <br /><br />
<a href="URL">Weiterlesen</a><br /></p>
<a href="http://validator.w3.org/check?uri=referer"><img vspace="8" border="0" alt="Valid XHTML 1.0 Transitional" src="http://www.w3.org/Icons/valid-xhtml10" style="border: 0pt none; width: 88px; height: 31px;"></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"><img vspace="8" border="0" alt="Valid CSS!" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" style="border: 0pt none; width: 88px; height: 31px;"></a></div> <div class="cleaner"> </div> <div id="templatemo_footer">Copyright © 2012 <a href="http://turbopage.de.tl">Deine Seite</a> <br /> <a target="_parent" href="http://www.iwebsitetemplate.com">Website Templates</a> by <a target="_parent" href="http://www.templatemo.com/page/1" _>Free CSS Templates</a> | Umcoding: <a href="http://turbopage.de.tl"Turbopage</a></div> </div> </div> <!-- Free CSS Templates by TemplateMo.com -->
CSS-Code ohne Styletags:
*Dieses Design wurde von www.turbopage.de.tl erstellt* *Das Copyright muss sthene bleiben!*
*Wir bieten in unserer Designerbase noch viele weitere kostenlose Designs an*
***www.turbopage.de.tl***
------------------------------------------------------------------------#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; } #nav { display:none; } div.header { display:none; } h1#title { display:none; } h2#title span { display:none; } td[height="102"] { position:absolute; left:50%; margin-left:-384px; } #counter{ position:absolute; left:50%; top:300px; left: 800px;}
/* CSS Credit: http://www.templatemo.com */ html { background: #fff; } body { margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; width: 100%; display: table; background: url(http://www.loaditup.de/files/571796.jpg) repeat-x; } a:link, a:visited { color: #0066CC; text-decoration: underline; } a:active, a:hover { color: #990000; text-decoration: none; } p { color: #666; text-align: justify; margin: 0 0 10px 0; } h1 { font-size: 18px; color: #999; margin: 0 0 10px 0; }
.templatemo_container { width: 930px; margin: auto; }
#templatemo_logo_area { float: left; width: 265px; height: 65px; font-weight: bold; color: #CCC; margin: 40px 0 0 0; }
#templatemo_logo { font-size: 30px; margin: 0 0 15px 0; }
#templatemo_logo a { color: #CCC; text-decoration: none; }
#templatemo_slogan { font-size: 14px; margin: 0; } .field { float: left; width: 234px; height: 23px; border: none; border: none; color : #ccc; font-size: 15px; padding: 5px 3px 0 3px; background: #000; border: 1px solid #333; } .button { float: right; width: 90px; height: 30px; border: none; background: url(http://www.loaditup.de/files/571787.jpg) repeat-x; border: 1px solid #333; color : #ccc; font-size: 15px; cursor: pointer; }
#templatemo_menu { height: 28px; float: left; width: 930px; margin: 40px 0 0 0; }
#templatemo_menu ul { list-style: none; display: inline; }
#templatemo_menu ul li { list-style: none; float: left; margin: 0; padding: 0; }
#templatemo_menu li a { float: left; height: 23px; display: block; color: #804000; text-decoration: none; font-size: 15px; font-weight: bold; text-align: center; cursor: pointer; margin: 0 5px 0 0; padding: 5px 20px 0 20px; }
#templatemo_menu li.current a,
#templatemo_menu li a:hover { background: url(http://www.loaditup.de/files/571788.jpg) repeat-x; color: #fff; }
#templatemo_image_fader { width: 930px; height: 240px; padding: 0; margin: 0 0 30px 0; }
#templatemo_content_area { width: 930px; }
#templatemo_left { width: 600px; float: left; } .
templatemo_post { width: 600px; margin: 0 0 10px 0 ; }
.templatemo_post_title { width: 580px; height: 30px; background: url(http://www.loaditup.de/files/571789.jpg) no-repeat; font-size: 18px; padding: 10px 0 0 20px; margin: 0; }
.templatemo_post_title a { color: #666; text-decoration: none; }
.templatemo_post_title a:hover { color: #0099CC; }
.templatemo_post_text { width: 558px; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; padding: 20px 20px 10px 20px; }
.templatemo_post_text img { float:left; margin: 0 10px 10px 0; border: 1px solid #ccc; padding: 5px; }
.templatemo_post_bottom { width: 580px; height: 30px; background: url(http://www.loaditup.de/files/571790.jpg) no-repeat; font-size: 12px; text-align: right; padding: 10px 20px 0 0; margin: 0; }
.templatemo_post_bottom a { color: #666; text-decoration: none; }
.templatemo_post_bottom a:hover { color: #0066CC; text-decoration: underline; }
#templatemo_right { float: right; width: 300px; }
.templatemo_section { width: 300px; margin: 0 0 30px 0; }
.templatemo_section_title { width: 278px; height: 30px; background: url(http://www.loaditup.de/files/571791.jpg); border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 18px; color: #666; padding: 10px 0 0 20px; }
.templatemo_section_bottom { width: 258px; background: url(http://www.loaditup.de/files/571792.jpg) bottom no-repeat; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px 20px 10px 20px; }
#templatemo_bottom_area { background: url(http://www.loaditup.de/files/571793.jpg) #000 repeat-x; width: 100%; padding: 20px 0; }
.templatemo_section_1 { width: 178px; float: left; border: 1px solid #292929; padding: 20px 20px 10px 20px; margin: 0 20px 0 0; }
.templatemo_section_2 { width: 408px; float: right; border: 1px solid #292929; padding: 20px 20px 10px 20px; margin: 0; }
#templatemo_footer { width: 100%; color: #AAA; font-size: 11px; background: none; margin: 10px 0 0 0; padding: 0; text-align: center; }
#templatemo_footer a { color: #AAA; text-decoration: none; }
#templatemo_footer a:hover { color: #FFF; }
.templatemo_list { color: #333; text-align: justify; list-style: none; padding: 0 0 0 10px; }
.templatemo_list li { font-size: 11px; list-style: disc; padding: 0px; margin: 5px 0px; }
.templatemo_list a { color: #333; text-decoration: none; }
.templatemo_list a:hover { color: #0066CC; text-decoration: underline; }
.templatemo_gray_list li, .templatemo_gray_list a { color: #999; }
.templatemo_gray_list a:hover { color: #FFF; } .cleaner { clear: both; height: 0; margin: 0; padding: 0; }
