Allgemeines

Also das Bild das fand ich sowas von drollig das musste ich als Layout verarbeiten ^^
Das Bild hab ich übrigends durch eine Freundin gefunden *das mal loswerden musste* :P danke dir ^^
öhm was soll ich noch dazu sagen?
Ich hab das Bild an sich etwa an einem Abend gemacht und das Coding am nächsten Vormittag ^^
Naja ich hoffe euch gefällt das Lay.
Wenn es euch gefällt und ihr es nehmen wollt, dann im Gästebuch bescheid sagen das ihr das hier genommen habt.
Und vergesst nicht eure Homepageaddy!!!
Achja was ich vielleicht noch zu dem Lay sagen könnte wär, dass das mein erstes Lay ist was ich mit Paint Shop Pro gemacht hab ^^
Also meiner Meinung nach ist PSP perfekt für Lays *find* auch wenn man nich so schöne Brushes hat wie bei Gimp.

Codes

Also die Überschriften im Content und in der Navi macht ihr mit h1.
Damit in der Navi die Links so sind solltet ihr den Code so machten:
Also immer wenn eine Linkkategorie wie Main oder so zuende ist den DIV-Tag beenden und dann die Kategorieüberschrift und das nächste.
Und wer jetzt den ganzen Code haben will, bitteschön (lasst aber ja die Credits drin):

<html>
<head>
<title>Dein Title steht hier</title>
<style type="text/css">
body {
background-image:url(http://yume-wings.com/Julia/yume.wings/portfolio/layout/lay005/lay011lines.jpg);
overflow:auto;
            scrollbar-base-color: #FFFFFF; 
            scrollbar-track-color: #FFFFFF; 
            scrollbar-face-color: #6D90E4; 
            scrollbar-highlight-color: #FFFFFF; 
            scrollbar-3d-light-color: #FFFFFF; 
            scrollbar-darkshadow-color: #FFFFFF; 
            scrollbar-shadow-color: #FFFFFF; 
            scrollbar-arrow-color: #FFFFFF; 
	}
.content  {
position:absolute;
left:180px;
top:425px;
width:287px;
	}
.inhaltetable {
width:285px;
	}
font,p,td,textarea,input {
font-family:Tahoma; 
font-size:12px; 
color:#405480;
	}
a { 
color:#3EA5D0;
text-decoration:none;
font-size:12px;
cursor:crosshair;
	}
a:hover {
color:#3EA5D0;
text-decoration:none;
filter:blur;
height:2px;
font-size:12px;
cursor:crosshair;
	}
h1,b {
font-size:14px;
line-height:12px;
font-family:Tahoma;
font-weight:600;
color:#FFFFFF;
background-color:#6D90E4;
display:block;
letter-spacing:3px;
text-align:center;
	}
.navibox {
position:absolute;
left:40px;
top:425px;
width:138px;
	}
a.nav {
text-decoration:none;
color:#6D90E4;
font-size:13px;
border-left:15px solid #6D90E4;
padding-left:15px;
background-color:#FFFFFF;
line-height:13px;
display:block;
	}
a.nav:hover {
text-decoration:none;
color:#FFFFFF;
font-size:13px;
border-left:15px solid #6D90E4;
padding-left:15px;
background-color:#6D90E4;
display:block;
line-height:13px;
	}
input {
width:100px;
border:2px solid #6D90E4;
background-color:#FFFFFF;
	}
textarea {
width:200px;
border:2px solid #6D90E4;
background-color:#FFFFFF;
	}
</style>
<body>
<div style="visibility:hidden;">{PLACE_POWEREDBY}</div>
<img src="http://yume-wings.com/Julia/yume.wings/portfolio/layout/lay005/005.jpg" style="position:absolute; left:0px; top:0px;">
<div class="content" style="font-family:Tahoma; font-size:12px; color:#405480;">
{PLACE_CONTENT}
</div>
<div class="navibox" style="font-family:Tahoma; font-size:12px; color:#405480;">
<h1>About Me</h1>
Ein kleiner Steckbrief der dich beschreibt kann du hier einfügen. Einfach ein Text der etwas über dich aussagt
das du wichtig findest das die Leute die deinen Blog lesen das wissen müssen.
<h1>Main</h1>
<div style="margin-left:5px;"><a href="http://myblog.de/{PLACE_NAME}" class="nav">Home</a>
<a href="http://myblog.de/{PLACE_NAME}/gb" class="nav">Gästebuch</a>
</div>
<h1>Friends</h1>
<div style="margin-left:5px;"><a href="http://" target="_blank" class="nav">Friend</a>
<a href="http://" target="_blank" class="nav">Friend</a>
<a href="http://" class="nav" target="_blank">Friend</a></div>
<div style="margin-left:5px;">
<a href="http://" target="_blank" class="nav">Link</a>
<a href="http://" target="_blank" class="nav">Link</a>
<a href="http://" target="_blank" class="nav">Link</a></div>
<h1>Credits</h1>
<div style="margin-left:5px;">
<a href="http://julia.yume-wings.com" class="nav" target="_blank">Designer</a></div></div></body>
</html>