Titel

Layout

blubbi

Endlich mal ein layout, dass mir vom Coding und vom Design her gefällt :O ENDLICH!!! naja, was mir noch fehlt, ist ein deftigerer Kontrast, aber den bekomm ich sowieso nie hin xDDDD
Ich hoffe, dass es euch gefällt :D und dass es irgendjemandem so sehr gefällt, dass er es für seine HP benutzt *_*

Testchen Testchen Testchen Testchen ~~Testchen~~ Testchen

Überschrift :

Gesamtcode:

<html> 
<head> 
<title> Titel</title>

a:link {
color: #647F96; 
text-decoration:none;

} 
a:visited {color: #647F96;
text-decoration:none;

} a:active {color: #647F96; 
text-decoration:none;

} 
a:hover {color: #4F6477; 
cursor:default;  
background-color: #CBD5DA;

}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 10px;
padding-bottom: 3px;
font-family:Arial;
margin-left: 0px;
margin-top: 2px;
font-size: 10px;
letter-spacing: 0px;
font-weight:  bold;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 1px solid #C3CFD8;
border-left: 0px solid #E1DBCC; 
border-right: 0px solid  #1A1A1A; 
height: 21px;
border-top: 0px solid #CE263A; 
color: #A0ABB3;
text-align: left;
}

A.navi:hover {
display: block;
padding-left: 10px;
padding-bottom: 3px;
font-family:Arial;
margin-left: 0px;
margin-top: 2px;
font-size: 10px;
letter-spacing: 0px;
font-weight:  bold;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 1px solid #ADB8C0;
border-left: 0px solid #E1DBCC; 
border-right: 0px solid  #1A1A1A; 
height: 21px;
border-top: 0px solid #CE263A; 
color: #96A0A8;
text-align: left;
}

A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
padding-left: 2px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-weight:  bold;
font-size: 10px;
letter-spacing: 0px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 1px solid #BDC2C5;
border-left: 1px solid #DAE2E8; 
border-right: 9px solid  #C8CFD5; 
background-color: D4DBE1;
height: 18px;
border-top: 1px solid #DAE2E8; 
color: #697F8E;
text-align: left;
}

A.navi2:hover {
display: block;
padding-left: 2px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 10px;
letter-spacing: 0px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 1px solid #BDC2C5;
border-left: 1px solid #DAE2E8; 
border-right: 9px solid  #C8CFD5; 
background-color: CED5DB;
height: 18px;
border-top: 1px solid #DAE2E8; 
color: #697F8E;
text-align: left;
}

.hello{
display: block;
font-family:arial;
font-size: 16px;
font-weight: bold;
color: #677D91;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
text-transform: uppercase;
text-decoration: none;
padding-left: 4px;
margin-right: 0px;
margin-top: 1px;
text-align: right;
margin-left: 0px;
margin-bottom: 3px;
line-height: 12pt;
letter-spacing: 0px;
border-bottom: 1px solid #A7AFB6;}

.glambaby3{
display: block;
font-family:arial;
font-size: 16px;
font-weight: bold;
color: #677D91;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
text-transform: uppercase;
text-decoration: none;
padding-left: 4px;
margin-right: 0px;
margin-top: 1px;
margin-left: 0px;
margin-bottom: 3px;
line-height: 12pt;
letter-spacing: 0px;
border-bottom: 1px solid #A7AFB6;}

.glambaby{
display: block;
font-family:arial;
font-size: 16px;
font-weight: bold;
color: #3F586F;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;

text-transform: uppercase;
text-decoration: none;
padding-left: 4px;
padding-right: 20px;
margin-right: 0px;
margin-top: 1px;
margin-left: 0px;
margin-bottom: 3px;
line-height: 10px;
background: url(http://i45.tinypic.com/2e54bok.png);
letter-spacing: 0px;
border-bottom: 1px solid #BEBDC1;}

.glambaby2{
display: block;
font-family:arial;
font-size: 10px;
font-weight: bold;
color: #8E969A;
background-color: #D2DEE4;
text-transform: uppercase;
text-decoration: none;
padding-left: 8px;
margin-right: 0px;
margin-top: 1px;
margin-left: 0px;
margin-bottom: 4px;
line-height: 11px;
letter-spacing:2px;
border-bottom: 1px solid #C9D9DD;}

TEXTAREA { Color: #7E8285;
width:220px;
height:80px;
background-attachment:fixed;
background-color: #D7DDE3;
font-family: Arial;
font-size: 10px;
Border-left: 2px solid #CED4D9;
Border-right: 1px solid #C2C7CC;
Border-top: 1px solid #D5DBE0;
Border-bottom: 1px solid #C2C7CC;
}

INPUT { Color: #C6BBCB;
Background-color:EDF1F4;
font-family: Arial;
font-size: 10px;
width: 120px;
Border-top: 1px solid #EDF1F4;
Border-left: 1px solid #EDF1F4;
Border-bottom: 3px solid #E0E4E6;
Border-right: 1px solid #EDF1F4;

}

.box {
margin-bottom: 10px;
margin-right: 0px;
margin-left: 0px;
padding-left: 4px;
border: 0px solid #EBEBEB;
padding-top: 4px;
background-color:#E5E9EB;
padding-bottom: 4px;
padding-right: 4px;
width:208;
}

.box2 {
margin-bottom: 10px;
padding-left: 1px;
border-top: 1px solid #D9E5E9;
border-bottom: 1px solid #D9E5E9;
border-right: 1px solid #D9E5E9;
padding-top: 3px;
background-color: #E5E9EB;
padding-bottom: 1px;
border-left: 1px solid #D9E5E9;
padding-right: 1px;
width:100%;
}

font {				
color: #717579;	
line-height: 13px;		
font-family:arial;
font-size: 10px;
letter-spacing: 1px;
}
b, strong{
   color:#8FA5B3;
}

i, em{
   color:#93ADB6;

}

u{
  color: #6F839B;
  text-decoration:underline;

}

s, strike{
   color:#A58777;
}

.inhaltetable { width: 100%;
}

-->

</style>

</head>                                                           
                                                                                                                                                                           <body bgcolor=#FFFFFF background="http://i46.tinypic.com/inbfa8.png">

<div style="overflow: visible; position: absolute; width: 465; left: 106; top: 314">    
<div class=box2>     
 {PLACE_CONTENT}
 </div></br> </br>

</div>

<div style="overflow: visible; position: absolute; width: 208; left: 576; top: 314">    
<div class=box>
<p class=glambaby3> Main </p>
<a href="http://myblog.de" class=navi2> Navi </a>
<a href="http://myblog.de" class=navi2> Navi </a>
<a href="http://myblog.de" class=navi2> Navi </a>
<a href="http://myblog.de" class=navi2> Navi </a>
<a href="http://myblog.de" class=navi2> Navi </a>
</br>  
<p class=glambaby3> Miss</p>
<font> Ich heiße xx und komme aus xxx! meine hobbies sind xx und xxx ... ich mag x und xx und ich hasse xxxx, x und xx =) 
</br>Wenn du mehr über mich erfahren willst, dann klicke <a href="http://myblog.de"> Hier </a></font>
</br></br>

<p class=glambaby3> Credits </p>
<a href="http://glambaby.de" target=blank class=navi2> Designer </a>
<a href="http://shizoo-design.de" target=blank class=navi2> Brush </a>
<a href="http://unlimited-photos.com/gallery/displayimage.php?album=1759&pos=35" target=blank class=navi2> Bilder </a></br>
<p class=glambaby3> Info </p><font>
<b> Optimized 4: </b> Firefox 1280x768 </br>
<b> Layout:</b> Volume X </br>
<b> Online since: </b> XX.XX.XXX </br><a href="http://myblog.de"> More Informations? </a> </br> </br></font>
</div>
</div>

<div style="overflow: visible; position: absolute; width: 314;  left: 450; top:7">
<p class=hello> Hallo </p><font><i>
Halli Hallo! Herzlich wilkommen auf meiner Page (: Ich hoffe sie gefällt euch,und ich wünsche euch viel spaß beim rumschauen! :D achja, vergesst bitte nicht, mir einen Kommentar oder ein Feedback zu hinterlassen, das wäre toll! (:</i></font>
</div>

<a href="http://www.myblog.de" target=_self class="navi"><img src="http://i46.tinypic.com/igxiyg.png" border=0> Seite</a>

<a href="http://www.myblog.de" target=_self class="navi"><img src="http://i46.tinypic.com/igxiyg.png" border=0> Seite</a>
<a href="http://www.myblog.de" target=_self class="navi"><img src="http://i46.tinypic.com/igxiyg.png" border=0> Seite</a>
<a href="http://www.myblog.de" target=_self class="navi"><img src="http://i46.tinypic.com/igxiyg.png" border=0> Seite</a>
<a href="http://www.myblog.de" target=_self class="navi"><img src="http://i46.tinypic.com/igxiyg.png" border=0> Seite</a>
</div>

<div style="overflow: visible; position: absolute; width: 330;  left: 115; top:71">
<span style="Font-Size: 28px; letter-spacing: 0px; color: #FFFFFF; font-style: italic; font-family: Georgia; 	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
">dein homepagetitel</span> 
</div>
</body> 
</html>
<div style="overflow: hidden; position: absolute; width: 0;  left: 0; top: 0"> 
{PLACE_POWEREDBY}
</div>