Turbopage|net

Orangebar

Design "Orangebar"
<---- Zurück

Bild
Infos zum diesem Design:

Dieses Design eignet sich gut für eine Allroundpage.
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> | Für den HpBk umgecodet von: <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 für den HpBk  umgecodet*
*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;
top:300px;
left:800px;
}

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;
}

h1 {
font-size:18px;
color:#999;
margin:0 0 10px;
}

.templatemo_container {
width:930px;
margin:auto;
}

#templatemo_logo_area {
float:left;
width:265px;
height:65px;
font-weight:bold;
color:#CCC;
margin:40px 0 0;
}

#templatemo_logo {
font-size:30px;
margin:0 0 15px;
}

#templatemo_logo a {
color:#CCC;
text-decoration:none;
}

#templatemo_slogan {
font-size:14px;
margin:0;
}

.field {
float:left;
width:234px;
height:23px;
color:#ccc;
font-size:15px;
padding:5px 3px 0;
background:#000;
border:1px solid #333;
}

.button {
float:right;
width:90px;
height:30px;
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;
}

#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;
}

#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;
}

#templatemo_content_area {
width:930px;
}

#templatemo_left {
width:600px;
float:left;
}

.templatemo_post {
width:600px;
margin:0 0 10px;
}

.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;
}

.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;
}

.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;
}

#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;
margin:0 20px 0 0;
}

.templatemo_section_2 {
width:408px;
float:right;
border:1px solid #292929;
padding:20px 20px 10px;
margin:0;
}

#templatemo_footer {
width:100%;
color:#AAA;
font-size:11px;
background: none;
margin:10px 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:0;
margin:5px 0;
}

.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;
}

 

Sonstiges


Werbung

Text
janinauhse-fanpage.de.tl zerfall-subkultur-rost.de.tl geldregen-cash.de.tl

1. Platz

2. Platz

3. Platz
www.janinauhse-fanpage.de.tl www.zerfall-subkultur-rost.de.tl www.geldregen-cash.de.tl
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden