Willkommen

Ich wünsch euch noch viel Spaß mit dem Tutorial.
Sollte euch ein Fehler einfallen, ein Verbesserungsvorschlag oder auch eine Frage, dann schreib mir (karo_love_321) eine NeoMail.

Zudem ist die Benutzung meiner PP um selbst eine Hilfepage zu erstellen untersagt!
Es kostet Zeit die Dinge zu ändern, die der Filter nicht durchlässt.

MfG, Karo^^

Grundaufbau

Hinweis!
Die Benutzung der folgenden Bilder ohne Einwilligung ist untersagt!
Gestattet ist die Benutzung nur unter sichtbaren Angabe, dass diese Screens von mir sind.

Der Code

[style]
#footer, #header{display:none;}
#content{width:700px;}

body{background: #FARBCODE;}

#main{width:700px;background-color: #FARBCODE ;border-right:3px solid #FARBCODE;border-left:3px solid #FARBCODE;}
#userneopets img{width:120px;height:120px;}

.contentModuleHeader, .contentModuleHeaderAlt
{color: #FARBCODE;background-color: #FARBCODE;}

.contentModuleTable, .contentModuleContent
{border:none;background-color: #FARBCODE;}

.contentModule{border:1px solid #FARBCODE;}

.medText, td{color:#FARBCODE;}
a:link, a:visited{color:#FARBCODE;text-decoration:blur;}
a:hover{color: #FARBCODE;}

.link {text-align:center;z-index:100;padding-top:10px;padding-bottom:5px;}
.link a, .link a:visited {display:block;width:120px;color: #FARBCODE;background-color: #FARBCODE; border:2px solid #FARBCODE;margin-bottom:2px;}

[/style]
[img src="BANNERURL.jpg" style="border:1px solid #FARBCODE;"]

[table border="0"][tr][td]
[div class="link"][/i]
[a href="/myaccount.phtml"]Mein Konto[/a]
[a href="/petcentral.phtml"]Zentrale[/a]
[a href="/explore.phtml"]Erkunden[/a]
[a href="/gameroom.phtml"]Spiele[/a]
[a href="/neoboards/index.phtml"]Foren[/a]
[a href="/objects.phtml"]Geschäfte[/a]
[a href="/nf.phtml"]News[/a]
[a href="neopets.com/~Paige_321_9"]Lookup Tutorial[/a]
[/div][/td]

[td valign="top" style="padding:10px;"]
TEXT HIER SCHREIBEN
[/td][/tr][/table]

Erklärungen

body{background: #FARBCODE;} Hintergrundfarbe (die an den Seiten)

#main{width:700px;background-color: #FARBCODE ;border-right:3px solid #FARBCODE;border-left:3px solid #FARBCODE;} Hintergrundfarbe (dort wo eure Selbstbeschreibung sein wird) und der Rand der den Hintergrund von dem Hintergrund der Selbstbeschreibung trennt

#userneopets img{width:120px;height:120px;} Größe der Pet-Bilder

.contentModule{border:1px solid #FARBCODE;} Randfarbe der Contents

.medText, td{color:#FARBCODE;} Textfarbe der Seite

Für den nächsten Part gibt es ein Bild.

#FARBCODE – Ihr setzt einen Hex-Code einer Farbe dort ein.

BANNERURL.jpg – Hier setzt ihr eine URL eines Bildes welches euch gefällt ein. Sollte es größer in der Breite als 700px sein, dann müsste ihr hinter den Anführungszeichen im Code width="700px eingeben. Günstiger wäre natürlich, wenn es weniger als 700px hätte.

Scrollbalken

[head] [style] body{ scrollbar-face-color: #FARBCODE; scrollbar-highlight-color: #FARBCODE; scrollbar-shadow-color: #FARBCODE; scrollbar-3dlight-color: #FARBCODE; scrollbar-arrow-color: #FARBCODE; scrollbar-track-color: #FARBCODE; scrollbar-darkshadow-color: #FARBCODE} [/style] [/head] [body][/body]

Hilfreiche Seiten

Estice
Hilfe zu Hex-Code (Farbcodes)

Grumpfi1
Hilfe zum Thema Tabelle

Ende