designbsp6 - Home

Home

Dieses Layout steht unter dem Motto "Cruel Intentions (Eiskalte Engel)" .
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: Arial; 
float: right; 
color: #010101; 
margin: 0px 0px 0px 0px; 
padding: 1px; 
width: 450px; 
display: inline;
overflow:auto; 
position:absolute; width:515px; left:22px;top:131px; 
height: 706px;
line-height: 15pt; 
background-color: #cdcdcd; 
padding-left:3px; 
text-align: center }

.peerlessgb { 
display: block;
font-family:Impact; 
font-size: 11pt; 
color: #fe644e;  
margin-bottom: 1px; 
margin-right: 2px; 
line-height: 12pt; 
text-align: center; 
letter-spacing: 1px; 
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: 11px;
background-color: #cdcdcd;
margin-bottom: 1px;
letter-spacing: 2px;
color: #010101;
text-transform: uppercase;
text-align: center;
line-height: 17px;}

A.navi:hover {
display: block;
font-family: tahoma;
font-size: 10px;
background-color:#c8c8c8;
margin-bottom: 1px;
letter-spacing: 1px;
text-align: center;
color: #fe644e;
line-height: 17px;}

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

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

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

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

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

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

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

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

s, strike{
color:#999999;
}

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

</style>

<div style=
"position:absolute; width:461px; height:106px; left:563px; top:738px; line-height:7pt">
<table id="table1" border="0" width="100%" "position:absolute; top: 500px; left:600px"><tbody>
<tr valign="top">
<td style="width: 33%;">
<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>

</td><td><td style="width: 33%;">
<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>

</td>
<td><td style="width: 33%;">
<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">Designer</a>
</tr>
</td>
</tbody></table>
</div>

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

Überschriften-Code