webmasterservice

Orangebar

CSS-Design "Orangebar"








Wichtiger Hinweis:
Grafiken und Header dürfen ausgetauscht werden. Die Copyright-Informationen dürfen weder entfernt noch verändert werden.

Designinhaber: turbopage
 
Bewertung dieses Designs:



Schritte:
1.) Einloggen
2.) Design einstellen
3.) CSS-Design auswählen
4.) Die untenstehenden Codes in die richtigen Felder einfügen
5.) Speichern






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> | Coding by: <a href="http://turbopage.de.tl">Turbopage</a></div> </div> </div> <!-- Free CSS Templates by TemplateMo.com -->



CSS-Code ohne Style Tags:

#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; }
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden