Thinking of You

Home

Dieses Layout steht unter dem Motto "Thinking of You" .
Katy Pery ist das Model . (;
Benutzt dieses Layout nur , wenn ihr Ahnung von CSS habt .
Navi-Ü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 beim Markieren

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: Times New Roman; 
float: right; 
color: #010101; 
padding: 1px; 
width: 450px; 
display: inline;
overflow:auto; 
position:absolute; width:500px; left:132px;top:120px; 
height: 502px;
line-height: 15pt; 
background-color: #ffffff; 
padding-left:3px; 
text-align: center;
border: 1px solid #010101}

.peerlessgb { 
display: block;
font-family:Monotype Corsiva; 
font-size: 12pt; 
color: #f64c52;  
margin-bottom: 1px; 
margin-right: 2px; 
line-height: 12pt; 
text-align: left;}

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: 11px;
background-color: #ffffff;
margin-bottom: 1px;
letter-spacing: 1px;
color: #010101;
text-transform: uppercase;
text-align: center;
line-height: 17px;}

A.navi:hover {
display: block;
font-family: tahoma;
font-size: 11px;
background-color:#f64c52;
margin-bottom: 1px;
letter-spacing: 1px;
text-align: left;
color: #ffffff;
line-height: 17px;}

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

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

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

} 
a:hover {color: #010101; 
cursor:crosshair;
letter-spacing: 1px  
}

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

b, strong{
color:#f64c52;
font-size: 15px;		
}

i, em{
color:#f64c52;
font-size: 15px;	
}

u{
color: #f64c52;
text-decoration:underline;
font-size: 15px;}

s, strike{
color:#999999;
}

TEXTAREA { 
color: #010101;
Font-Family: Arial;
Font-Size: 10px;
width:200;
height:50px;
background-color: #ffffff;
border-top: 1px solid #f64c52;
border-left: 1px solid #f64c52;
border-right: 1px solid #f64c52;
border-bottom: 1px solid #f64c52;
}

</style>

<div style="position:absolute; width:123px; height:504px; left:9px; top:120px; line-height:7pt; border: 1px solid #010101">
<p class=peerlessgb>Überschrift</p>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<p class=peerlessgb>Überschrift</p>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<p class=peerlessgb>Überschrift</p>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<p class=peerlessgb>Überschrift</p>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<a href="http://www.Peerless-GB.de.be" class="navi">Seite</a>
<p class=peerlessgb>Überschrift</p>
<a href="http://www.Peerless-GB.de.be" class="navi">Designer</a>
</div>

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

Überschriften-Code