no title \\\ by ScandalousPrincess.de

Willkommen

Dieses Layout sollte auch ein Mainlayout werden und es gefällt mir auch total gut. Ich benutze aber trotzdem nicht, keine Ahnung warum... Dieses Layout ist übrigens auch das erste Layout für die Auflösung 1280x800px. Es funktioniert auch für 1024x768px, aber am besten sieht es in 1280x800px aus, weil bei der anderen Auflösung das Layout etwas mehr rechts ist und bei der eigendlich, 1280x800px, ist es mehr mittig. Ich selber habe auch die Auflösung 1280x800px, deswegen werden die folgenden Layouts immer dafür sein. Aber es scheint bei beiden Auflösungen irgendwie zu passen. An diesem Layout habe ich insgesamt drei Tage verbracht. Es sah am Anfang ganz anders aus und der Aufbau sollte auch ganz anders werden. Mir gefiel das dann aber nicht so. Aus Langeweile habe ich dann einfach so rum gebastelt und dann kam das hier raus. Das war etwas schwierig, weil die Farben so schwer zu kombinieren sind. Es sieht nicht aus, aber war es. Ich persönlich finde am Coding die Navigation am besten. Die Links gefallen mir sehr gut, vorallem der Hovereffekt. Dieses Layout auch keinen Titel.

Regeln

Hier lesen

Myblog Code

<html>
<HEAD>
<TITLE>no title \\\ by ScandalousPrincess.de</TITLE>
<link rel="stylesheet" type="text/css" href="style.css">

<div align="justify"
 id="entry" class="inhaltetable" style="FILTER: chroma (color=#FAFAF8); style=4 border-collapse: collapse; overflow:auto; width:488; position:absolute; left:440; top:530; height:auto; background:url(http://scandalousprincess.de/graphics/lays/notitle5/cbg.png)">
{PLACE_CONTENT}

font {
line-height: 13px;		
font-family: verdana; 		
font-size: 10px;
color:#404040;
overflow: auto;
}

b { 				
color: #e7c3c6;		
font-family: arial;
font-weight: georgia;
letter-spacing: 0px;		
font-size:10px;			
}

i  {
color: #fff5dd;
font-weight: Verdana;
text-decoration: none;		
font-family:georgia; 		
font-size:10px;
letter-spacing: 2px;
}

u {
color:#e5dfbb; 
text-decoration: none; 
border-bottom: 1px solid; 
border-color: #e8c29a;
font-family: georgia; 		
font-size:10px;
letter-spacing: 0px;
}

a {						
text-decoration: none;
font-family: tahoma;
font-size: 10px;
text-transform:lowercase;
color: #e8dcc4;
border-bottom: none;
letter-spacing: 2px;
background:url(http://scandalousprincess.de/graphics/lays/notitle5/link.png);			
}

A:hover {			 	
text-decoration: none;
font-family: tahoma;
text-transform:lowercase;
color: #e8dcc4;
font-size: 10px;
border-bottom: 0px;
cursor: crosshair;
letter-spacing: 2px;
background:transparent;			
}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
font-family: Tahoma;
font-size: 10px;
text-transform: lowercase;
letter-spacing: 2px;
border-bottom: 0px;
color: #e8dcc4;
text-align: center;
line-height: 18px;
width: 110px;
background:url(http://scandalousprincess.de/graphics/lays/notitle5/navi.png);
}

A.navi:hover {
display: block;
padding-left: 2px;
font-family: Tahoma;
background:url(http://scandalousprincess.de/graphics/lays/notitle5/navihover.png);
font-size: 10px; 
text-transform: lowercase;
letter-spacing: 2px;
border-bottom: 0px;
color: #c2998f;
text-align: center;
line-height: 18px;
width: 110px;
}

.head {
display: block;
font-family: Edwardian Script ITC;
font-size: 30px;
color: #ebcfbf;
text-transform:none;
text-decoration: none;
margin-bottom: 6px;
margin-right: 1px;
line-height: 11pt;
letter-spacing: 1px;
margin-top: 0px;
text-align: right;
border-bottom: 0px;
background:url(http://scandalousprincess.de/graphics/lays/notitle5/head.png);
}

.head2 {
display: block;
font-family: Edwardian Script ITC;
font-size: 23px;
color: #ebcfbf;
text-transform:none;
text-decoration: none;
margin-bottom: 6px;
margin-right: 1px;
line-height: 11pt;
letter-spacing: 1px;
margin-top: 0px;
text-align: left;
border-bottom: 0px solid;
background:url(http://scandalousprincess.de/graphics/lays/notitle5/head2.png);
}

TEXTAREA,INPUT {		
color: #404040; 	
font-family: arial;			
font-size: 11px;
border: 1px solid #c3b395;
background:url(http://scandalousprincess.de/graphics/lays/notitle5/gb.png);
background-attachment: fixed;
}

TEXTAREA {
width: 200; 
height: 100;
}
</style>

<div  style="position: absolute; left:316; top: 530; width: 110; height: auto;">
<br>
<div class=head2>Navigation</div>
<a href="index.php" class=navi>Refresh</a>
<a href="zusatzseite.php" class=navi>Domain</a>
<a href="zusatzseite.php" class=navi>Guestbook</a>
<a href="zusatzseite.php" class=navi>Affilates</a>
<a href="zusatzseite.php" class=navi>Exit</a>
<br><br>
<div class=head2>About me</div>
<FONT style="FONT-SIZE: 7pt; COLOR: #404040; FONT-FAMILY: Tahoma;">Ich bin ein Beispiel =) Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</FONT><br>
<div align=right><a href="zusatzseite.php">more?</a></div>
<br><br>
<div class=head2>Goodies</div>
<a href="zusatzseite.php" class=navi>Regeln</a>
<a href="zusatzseite.php" class=navi>Pixel</a>
<a href="zusatzseite.php" class=navi>Layouts</a>
<a href="zusatzseite.php" class=navi>Header</a>
<a href="zusatzseite.php" class=navi>Blends</a>
<a href="zusatzseite.php" class=navi>Texturen</a>
<br><br>
<div class=head2>Designed by</div>
<a href="http://scandalousprincess.de" target=_blank class=navi>Scandalous Princess</a>
</div>

<div style="overflow:auto; width:1px; height:1px;">
{PLACE_POWEREDBY}
</body>
</html>