Stylish & Famous

Home

Dieses Layout steht unter dem Motto "Stylish & Famous" .
Jennifer Lopez ist das Model , also wenn ihr das wissen wollt . (:
Benutzt dieses Layout nur , wenn ihr Ahnung von CSS habt .
Überschriften ändert ihr bei "Text über dem Design" .
Creditlink bleibt !
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 .

Besonderheiten: Text wird farbig bei Markierung, extra Boxen für Affiliates oder Ähnliches

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: #ffffff; 
padding: 1px; 
width: 450px; 
display: inline; 
overflow:auto; 
position:absolute; width:419px; left:408px;top:143px; 
height: 678px;
line-height: 15pt; 
background-color: #7a3643; 
padding-left:3px; 
text-align: center }

.peerlessgb { 
display: block; 
font-family:Trajan Pro; 
font-size: 10pt; 
color: #ffffff;  
margin-bottom: 1px; 
margin-right: 2px; 
line-height: 14pt; 
text-decoration: bold;
text-align: center; 
margin-bottom:1px dotted #ff0000;
border-bottom: 1px dotted #ffffff}

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: #7a3643;
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: #ffffff;
Font-Family: Arial;
Font-Size: 11px;
width:200px;
height:100px;
background-color: #7a3643;
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:161px; height:673px; left:861px; top:135px; line-height:7pt">
<p class=peerlessgb> Deine Überschrift </p>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a>  
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<br> 
<p class=peerlessgb> Deine Überschrift </p>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<br>
<p class=peerlessgb> Deine Überschrift </p>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<br>
<p class=peerlessgb> Deine Überschrift </p>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Seite</a> 
<br> 
<p class=peerlessgb> Credits </p>
<a href="http://peerless-gb.de.be" _fcksavedurl="http://peerless-gb.de.be" class="navi">Peerless-GB</a></div>

<div style="position:absolute; width:144px; height:173px; left:227px; top:142px; line-height:12pt; text-align:center">
<p class=peerlessgb> Deine Überschrift </p><br> Willkommen auf meiner Seite , hier könnt ihr alles mögliche reinschreiben .  (:</div>

<div style="position:absolute; width:110px; height:432px; left:276px; top:392px; line-height:10pt;text-align:center">
<p class=peerlessgb>Affiliates</p><br> 
<a href="http://peerless-gb.de.be/"><img src="http://i41.tinypic.com/2yyuru1.jpg"></a>
</div>

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

Überschrift Überschriften - Code