Dein Titel

Layout 01

Pünktlich zum großen Comeback gibt's ein Layout!
Dieses bild musste ich einfach verwenden, ich finde es so schön =)
Hoffentlich gefällt das Layout jemandem, der es dann verwendet!
Ich bin eigentlich recht zufrieden, endlich mal =)

Sollte jemand Hilfe bei der Navigation brauchen, kann er mich gerne kontaktieren!

Regeln

Diese Regeln müssen unbedingt eingehalten werden!

Lass die Credits stehen.

Verändere nichts am Code oder der Grafik.

Gib das Layout nicht als deines aus.

Hab es lieb <3

Credits

Wichtig: Die folgenden Credits müsst ihr irgendwo auf eurer Page stehen haben!

Layout by WooHoo-online.com
Tube by Chibi-Gfx.de
Brushes by Redheadstock.deviantart.com

Code

Text über dem Design

<div id="pic"><p id="piic"><img id="piiic" src="http://i282.photobucket.com/albums/kk258/Eviva-Espania/layout-3.png" _fcksavedurl="http://i282.photobucket.com/albums/kk258/Eviva-Espania/layout-3.png"></p></div> <div id="link"> <p><a href="http://www.WooHoo-online.com" _fcksavedurl="http://www.WooHoo-online.com"><img src="http://i282.photobucket.com/albums/kk258/Eviva-Espania/link.png" _fcksavedurl="http://i282.photobucket.com/albums/kk258/Eviva-Espania/link.png" border="0"></a></p> </div> <div id="navi"> <a href="" _fcksavedurl="">Home</a> <a href="" _fcksavedurl="">Testlink</a> <a href="" _fcksavedurl="">Testlink</a> <a href="" _fcksavedurl="">Testlink</a> <a href="" _fcksavedurl="">Testlink</a> <a href="" _fcksavedurl="">Testlink</a> <a href="" _fcksavedurl="">Testlink</a> <a href="" _fcksavedurl="">Testlink</a> </div>

CSS Code ohne Style Tags

body { background: url(http://i282.photobucket.com/albums/kk258/Eviva-Espania/repeat-y.png) repeat-y #aed0ef; color: #bdbdbd; font-family: Geneva, Verdana, Arial, sans-serif; font-size: small; } #pic { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; z-index: -1; } #piic, #piiic { margin: 0px; padding: 0px; z-index: -2; } #nav { display: none; } h1 { z-index: 99; position: absolute; top: 180px; left: 120px; width: 330px; text-align: center; color: #7198b7; font-family: Times New Roman, serif; font-size: 50px; font-weight: normal; } h2 { padding: 0px; margin: 0px; } #content { z-index: 100; padding: 5px; margin: 0px; position: absolute; left: 343px; text-align: center; top: 520px; width: 490px; } #navi { z-index: 101; padding: 5px; position: absolute; left: 121px; top: 520px; width: 212px; text-align: center; } b, strong { color: #00a8ff; } i, em { color: #aed0ef; } #content a { color: #005cb0; text-decoration: none; letter-spacing: 1px; } #content a:hover { color: #00d8ff; letter-spacing: 0px; } #navi a { display: block; background: #cee8ff; margin: 1px; padding: 2px; text-decoration: none; color: #fff; } #navi a:hover { display: block; background: #ddefff; margin: 1px; padding: 2px; text-decoration: none; color: #397ab5; font-style: italic; } #content h2 { font-weight: normal; text-align: left; color: #aed0ef; border-bottom: 1px solid #bdbdbd; margin-bottom: 5px; } #link { position: fixed; top: 0px; right: 0px; padding: 0px; margin: 0px; } #link p, #link img { padding: 0px; margin: 0px; }

Schrift Style

Normaler Text - Kursiver Text - Fetter Text - Link

Extras

Nicht soo viel, aber besser als nichts. =)