Girly Fashion

Home

"Girly Fashion" ist das Motto dieses Layouts .
Bevor ihr das Layout benutzt , bitte ich euch in der Shoutbox oder im Gästebuch bescheid zu sagen .
Wenn ihr Fragen habt , stellt sie uns .

Benutzt dieses Layout nur , wenn ihr Ahnung von CSS habt .
Überschriften ändert ihr bei "Text über dem Design" .
Creditlink bleibt !
Unseren Banner bei Affiliates könnt ihr löschen .
(Wenn ihr ihn behalten wollt , sagt bescheid - wir werden euch dann auch verlinken .)

Fett Kursiv Unterstrichen Link

Wie ihr dieses Layout bekommt:

1. (Anmelden bei Homepage-Baukasten.de &) einloggen
2. Design einstellen -> "CSS Design - Ausschließlich für Profis geeignet"
3. Unten "Erweitere Einstellungen" anklicken
4. Codes so einfügen, wie es hier gleich steht
5. "Speichern" klicken .

Codes für das Layout

Einfügen in "Text über dem Design"

<style>

#content { 
FONT-FAMILY: Arial; 
float: right; 
color: #000000; 
border: 1px solid #010101; 
margin: 0px 0px 0px 0px; 
padding: 1px; 
width: 450px; 
display: inline; 
overflow:auto; 
position:absolute; width:425px; left:200px;top:468px; 
height: auto;
line-height: 15pt; 
background-color: #ffd800; 
padding-left:3px; 
text-align: center }

.peerlessgb { 
display: block; 
font-family:Tekton Pro; 
font-size: 12pt; 
color: #010101;  
margin-bottom: 1px; 
margin-right: 2px; 
line-height: 14pt; 
text-decoration: bold;
text-align: center; 
letter-spacing: 0px; 
border-radius:15px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-khtml-border-radius:5px; 
border-bottom: 1px dotted #010101;}

body {
scrollbar-face-color: #farbe;
scrollbar-highlight-color: #farbe;
scrollbar-3dlight-color: #farbe;
scrollbar-darkshadow-color: #farbe;
scrollbar-shadow-color: #farbe;
scrollbar-arrow-color: #farbe;
scrollbar-track-color:#farbe;
}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: tahoma;
font-size: 10px;
background-color: #010101;
margin-bottom: 2px;
letter-spacing: 1px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
line-height: 17px;}

A.navi:hover {
display: block;
font-family: tahoma;
font-size: 10pt;
background-color:#010101;
margin-bottom: 2px;
letter-spacing: 3px;
text-align: center;
color: #ffd800;
line-height: 17px;}

a:link {
color: #999999; 
text-decoration:none;

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

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

} 
a:hover {color: #010101; 
cursor:crosshair;  
}

font {				
color: #000000;			
font-family: verdana;
letter-spacing:-1px;		
font-size: 10pt;
text-decoration: bold;		
}

b, strong{
color:#999999;
font-size: 13px;		
}

i, em{
color:#999999;
font-size: 13px;	
}

u{
color: #999999;
text-decoration:underline;
font-size: 13px;}

s, strike{
color:#999999;
}

TEXTAREA { 
color: #010101;
Font-Family: Arial;
Font-Size: 11px;
width:200pt;
height:100pt;
background-color: #ffd900;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

.box {
margin-bottom: 10px;
padding-left: 2px;
padding-top: 1px;
background-color: #68b7a5;
padding-bottom:1px;
padding-right: 2px;
width:230;
border-left: 0px solid  #C9C9C9;
border-top: 0px solid #AFAFAF;
border-right: 0px solid #969696;
border-bottom: 0px solid #7F7F7F;
}

.update{
display: block;
font-family:century gothic;
font-size: 13px;
margin-top: 2px;
margin-left: 0px;
margin-right: 0px;
text-transform: uppercase;
margin-bottom: 0px;
color: #68b7a5;
background:  none;
text-decoration: bold;
border-bottom: 3px solid #a7eb80;
border-left: 1px solid #a7eb80;
line-height: 19px;
text-align: left;
letter-spacing: -1px;
test-transform: uppercase;
}

</style>

<div style="position:absolute; width:140px; height:593px; left:50px; top:255px; line-height:7pt; border:1px solid #010101">
<p class=peerlessgb> Deine Überschrift </p> <br>
</br> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 1</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 2</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 3</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 4</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 5</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 6</a> 
<br> <p class=peerlessgb> Deine Überschrift </p></br> <br></br> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 7</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 8</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 9</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 10</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 11</a>  
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 12</a> 
<br> <p class=peerlessgb> Deine Überschrift </p></br> <br></br> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 13</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 14</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 15</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 16</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite 17</a> 
<br> <p class=peerlessgb> Credits </p><br> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Peerless-GB</a></div>

<div style="position:absolute; width:140px; height:125px; left:50px; top:120px; line-height:10pt; border:1px solid #010101; text-align:center">
<p class=peerlessgb> Deine Überschrift </p> Willkommen auf meiner Seite , hier könnt ihr alles mögliche reinschreiben .  (:</div>

Einfügen in "CSS-Code ohne Style Tags"

Überschriften-Code