Wichtig!

x wenn ihr dieses Layout benutzen wollt, haltet euch bitte an die Regeln von imaginationDESIGN
x wenn nicht anders angegeben dürfen die Layouts ohne zu fragen nicht verändert werden!
x entfernt in keinem Fall die Creditlinks!

Viel Spaß mit dem Layout! (:

Dieses Layout ist optimiert für: Internet Explorer, Mozilla Firefox.

Stylesheets

Text, der fett geschrieben wurde.
Das hier wurde in kursiv geschrieben.
Unterstrichen.
~~Hier wurde der Text durchgestrichen.~~
So sieht ein Link aus: Ein Link.

Der Code

<html>
<head>

<title>Pastelltöne</title>

<style>

body {
	background-position: left top;
	background-image: url(http://www.imaginationdesign.de/images/romy/layouts/1334.png);
}

font, tr, td, div {
	color: #000000;
	font-family: Tahoma;
	font-size: 10px;
}

input, select, textarea {
	width: 100px;
	color: #000000;
	font-family: Tahoma;
	font-size: 10px;
	background: #ffffff;
	border: 1px #000000 solid;
}

a:link, a:visited, a:active {
	font-family: Tahoma;
	font-size: 10px;
	text-align: left;
	text-decoration: none;
	letter-spacing: 1px;
	color: #000000;
}

a:hover {
	font-family: Tahoma;
	font-size: 12px;
	text-align: left;
	letter-spacing: 2px;
	background-color: transparent;
	color: #000000;
}

b, strong {
	color: #F7C6BE;
	font-family: Tahoma;
	font-size: 12px;
	letter-spacing: 1px;
}

i, em {
	color: #AF888F;
	font-family: Tahoma;
	font-size: 11px;
	letter-spacing: 1px;
}

u {
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	letter-spacing: 1px;
}

s, strike { 
	color: #010101;
	font-family: Tahoma;
	font-size: 11px;
	letter-spacing: 1px;
}

h1 {
	color: #000000;
	font-family: Tahoma;
	font-size: 12px;
	text-align: left;
	font-weight: fett;
	font-variant: small-caps;
	letter-spacing: 1px;
}

h2 {
	color: #000000;
	font-family: Gulim;
	font-size: 45px;
}

hr {color: 1px  #000000;}

.inhaltetable {width: 335;}

.title {
	color: #000000;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px #ffffff solid;
}

#pre {
	background-color: #000000;
	border: 1px #ffffff solid;
 	width: 493px;
 	padding-left: 5px;
 	padding-right: 5px;
 	padding-top: 5px;
 	margin: 5px;
 	float: left;
}

#content {
	font-family: Tahoma;
	font-size: 12px;
	text-align: justify;
	text-decoration: none;
	border: 0px #000000 solid;
	padding: 10px;
	background-color: transparent;
	color: #1D1D1D;
	width: 430px;
	height: 450px;
	overflow: auto;
	position: absolute;
	left: 330px;
	top: 220px;
}
#navi {
	font-family: lucida sans;
	text-align: right;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	border: 0px #ffffff solid;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	background-color: transparent;
	color: #000000;
	width: 170px;
	height: auto;
	position: absolute;
	left: 810px;
	top: 220px; 
        
}

#navi a {
	font-family: lucida sans;
	text-align: left;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	background-color: #ffffff;
	color: #000000;
	padding: 3px;
	margin: 1px;
	display: block;
	
	border-right: 20px #E4DBC7 solid;

}

#navi a:hover {
	font-family: lucida sans;
	text-align: left;;
	font-size: 11px;
	text-align: left;
	color: #000000; 
	border-right: 20px #7B565D solid;
}

</style>
</head>

<body>

<h2>www.dein_BLOGNAME.de</h2>

</div>

<3 | verrückt. anders. lustig. tierlieb. kreativ. kleiner shopaholic. 17. 
serienjunkie. rot. blau. grün. gelb. bücher. und noch viel viel mehr. HIER auf <b>www.dein_ BLOGNAME.de</b>!

<i>Hier kann noch mehr stehen, beispielsweise dein Twitter-Profil-Widget.</i>
<br><br>

<h1>Navigation</h1>

<a href="#">Anfänge</a> 
<a href="#">Weiterführung</a> 
<a href="#">Erinnerungen</a> 
<a href="#">Hinterlassenschaften</a>

</div>

<div id="content">
{PLACE_CONTENT}

</div>

</body>
</html>

Links in der Navigation

Überschriften

Scrolltest

Del ea facidunt autpat, cor ilit wisci bla faccum acipisisi bla ad eugiamet nulla faccum vel utat. Eros nonsequamet iustis aci exer at. To exero esectem zzrit prat aut aut utat, quat ad tat adiat, vendio exercil duipsustin vel diamet nos el erit iniamcorem ipis niam zzrit nulput aliscil landrerat, con hendreet, core volor suscin veliquisl elis eugait vercilit adigna consectet niam quat il utat. Ut ver sendre cortio od te do odolore feu facil dolobortie tat dolorem dolutem quatie faci blan ulputem zzrit lorerci liquiscidunt ullut esse vulputet lortis nostie esenim dip ercipis nostisi scipsus cipsusto cor adionse veraese ea feu faccum ipsuscilit, sequat luptat, quatum eugueros amet, cor aut augiat.