Über das Lay

An diesem Layout hab ich jetzt ca. *auf uhr schau* tja... drei stunden kommen da bestimmt zusammen.
Mir gefällt das layout sehr gut muss ich sagen.
Vor allem hab ich hier das erste mal das mit den durchsichtigen Scrollbalken genutzt.
Das find ich mal toll oder? ^^ Naja wenn ihr das lay hier haben wollt bitte im Gästebuch bescheid sagen und die Credits drin lassen.
Falls ihr diese Regeln nicht einhalten solltet kommt ihr auf die Blacklist.
Die Regeln könnt ihr euch hier nocheinmal genauer ansehen.

Textvariationen

das ist kursiv
das ist ~~durchgestrichen~~
das ist unterstrichen
das ist dick
das ist ein Link

Ganzer Code

Hier habt ihr den ganzen Code von diesem Layout.
An den stellen wo sowas steht wie "Hier musst du etwas über dich schreiben" oder so etwas in der art,
müsst ihr halt das einfügen was dort steht ^^
Falls ihr Probleme haben solltet und Hilfe braucht bei diesem Layout dann meldet euch im Forum
Dort wird euch so schnell es geht geholfen.

<html>
<head>
<title>DEIN_TITLE</title>
<style>
body {
            scrollbar-base-color: #7C7C7C; 
            scrollbar-track-color: #00FFFF; 
            scrollbar-face-color: #00FFFF; 
            scrollbar-highlight-color: #FF8686; 
            scrollbar-3d-light-color: #7C7C7C; 
            scrollbar-darkshadow-color: #7C7C7C; 
            scrollbar-shadow-color: #FF8686; 
            scrollbar-arrow-color: #FF8686;

}
</style>
<style type="text/css">
body {
background-image:url(http://yume-wings.com/Julia/yume.wings/portfolio/layout/lay001/001.jpg);
background-repeat:no-repeat;
overflow:auto;
filter:chroma(color=#00FFFF);
	}
.content {
position:absolute;
top:112px;
left:431px;
width:367px;
height:439px;
overflow:left; 
overflow:auto;
filter:chroma(color=#00FFFF);
line-height:11px; 
	}
.navbar {
position:absolute;
top:50px;
left:98px;
width:180px;
overflow:left; 
overflow:auto;
	}
.inhaltetable {
width:355px;
	}
strong {
font-weight:600;
	}
em {
font-style:italic;
	}
i {
font-style:italic;
font-size:9px;
	}
u {
text-decoration:underline;
	}
s {
text-decoration:line-through;
	}
b {
font-size:15px;
border-bottom:2px dashed #FF8181;
border-right:18px solid #FF8181;
border-left:1px dotted #FF8181;
color:#505050;
font-family:Arial;
display:block;
text-align:right;
letter-spacing:4px;
padding-right:20px;
font-variant:small-capps;
font-weight:600;
	}
h1 {
font-size:15px;
border-bottom:2px dashed #FF8181;
border-right:18px solid #FF8181;
border-left:1px dotted #FF8181;
color:#505050;
font-family:Arial;
text-align:right;
letter-spacing:4px;
padding-right:20px;
line-height:16px;
font-variant:small-capps;
font-weight:600;
	}
h2 {
font-size:15px;
border-bottom:2px dashed #FF8181;
border-left:18px solid #FF8181;
border-right:1px dotted #FF8181;
color:#505050;
font-family:Arial;
text-align:left;
letter-spacing:4px;
padding-left:20px;
line-height:16px;
font-variant:small-capps;
font-weight:600;
	}
a
 {
color:#FE4545;
letter-spacing:2px;
text-decoration:none;
line-height:9px;
font-variant:small-caps;
	}
a:hover {
color:#2B2B2B;
letter-spacing:2px;
text-decoration:none;
line-height:9px;
font-variant:small-caps;
	}
p,font {
font-family:Arial; 
font-size:11px; 
color:#505050; 
line-height:9px;
	}
textarea,input {
width:300px;
background-color:#00FFFF;
font-family:Arial;
font-size:11px;
color:#505050;
border:1px dashed #FF8181;
filter:chroma(color=#00FFFF);
	}
a.nav:hover	{
color:#FE4545;
letter-spacing:2px;
text-decoration:none;
line-height:9px;
font-variant:small-caps;
background-color:#D6D6D6;
border-right:18px solid #FEB0B0;
border-left:9px solid #FEB0B0;
border-bottom:1px dashed #FEB0B0;
display:block;
font-weight:900;
padding-left:13px;
	}
a.nav {
color:#858585;
letter-spacing:2px;
text-decoration:none;
line-height:9px;
font-variant:small-caps;
background-color:#FEB0B0;
border-right:18px solid #D6D6D6;
border-left:9px solid #D6D6D6;
border-bottom:1px dotted #D6D6D6;
display:block;
font-weight:normal;
padding-left:13px;
	}
.credit {
position:absolute;  
right:5px;
top:40px;
	}
</style>
</head>
<body>
<div style="visibility:hidden;">{PLACE_POWEREDBY}</div>
<div class=content style="font-family:Arial; font-size:11px; color:#505050; line-height:9px;">
{PLACE_CONTENT}
</div>
<div class="navbar" style="font-family:Arial; font-size:12px; color:#505050;">
<h2>About Me</h2>

<h2>Main</h2>
<a href="http://myblog.de/{PLACE_NAME}" class=nav>Diary</a>
<a href="http://myblog.de/{PLACE_NAME}/gb" class=nav>Guestbook</a>
<a href="http://myblog.de/{PLACE_NAME}/contact" class=nav>Contact</a>
<a href="http://myblog.de/{PLACE_NAME}/archivebymonth" class=nav>Archive</a>

<h2>Friends</h2>

<h2>Links</h2>

</div>
<div class=credit style="font-size:9px; text-align:right;">
<a href="http://colorful.graphics.de.tt">Design</a><br>
<a href="http://yume.wings.de.be">Designer</a>
</div>
</body>
</html>

Einzelne wichtige Codes

Hier noch ein paar wichtige Codes die ihr braucht.

Überschrift im Content:

Überschrift in der Navi:

Menülinks: