#plaatje { position:absolute; top:0px; left:0px; width:900px; height:400px; } body {background: #000099 url(http://i32.tinypic.com/339rk04.jpg) repeat-y;} #textvlaklinks { position:absolute; top:382px; left:81px; width:160px; } #textvlakrechts { position:absolute; top:382px; left:251px; width:386px; } body{scrollbar-face-COLOR:#000000; scrollbar-shadow-color:000000; scrollbar-highlight-color:000000; scrollbar-3dlight-color:white; scrollbar-darkshadow-color:white; scrollbar-track-COLOR:#000000; scrollbar-arrow-color:000000} a, b, a:link, a:visited, a:hover, a:active, table,td,p,i,body,div, font, TEXTAREA {color:black;font:8pt verdana} table,td {background:none;} />

Herzlich Willkommen!


Hallo guest!
Ich hab mir schon gedacht das du kommst ;D
Es waren ab dem 28.8.09 um 17:00Uhr bis jetzt
Besucher hier!

Einführung


Also hy nochmal mal guest! Ich werde dir verschiedenes beibringen auf dieser Page also mach dir schon mal ne heiße Tasse Dung bereit :P Also Viel Spaß beim Lernen!

Html


Html ist eine Computersprache, Diese Petpage [PP] ist mit ihr aufgebaut. Und in diesem Tutorial werdet ihr lernen auch eine hübsche PP zu machen :D
Also schaut euch brav die Lektionen an und lernt!
Seit mir aber nicht böse wenn nicht alles fertig ist alles braucht seine Zeit!

Wenn ihr Fehler findet oder Fragen habt schreibt eine Mail an mich:
Klick das Bild an! Nach oben

Schrift

Auf den meisten Hompage ist die Schrift nicht immer gleich. Wenn du auch gewisse Sachen hervorheben willst brauchst du diese Codes:
Fetter Text

Kursiver Text

Unterstrichener Text

Durchgestrichener Text

H 2O

2 Ist unten^^

Dieser Text ist rot

[Ihr könnt auch andere Codes dafür verwenden!]





[Man kann 1-7 einfügen!]

Laufschirft

Dieser Text lauft Durch!


Dieser Hin und her^^


Dieser Hatt einen Gefärbten hintergrund

Nach oben

Links und Anker


Es gibt auf vielen Seiten sogenate Links die dich wiederrum andere Seiten führen. Bei Neopets kann man jedoch nur Links einbauen die auch was mit Neopets zu tun haben!
Dann gibt es auch noch die sogenanten Anker. Diese führen dich zu einer gewissen Stelle der Seite. Ein Beispiel:
Klicke unterhalb dieser Lektion auf Nach oben
Du wirst wieder ganz oben sein jetzt klicke Unter Navigation auf: Links und Anker
Tada du bist wieder da :D.
SO nun zu den Codes:

Links

1.
2.
3.
4.
!!Achtung!! Bei den beiden Bildlinks Den Text löschen und keinen schreiben!

Er funktioniert sonst nicht!

Anker

Also das mit dem Anker ist ganz simpel!Hast du nicht gedacht oder?Naja egal also hier die Anleitung:
Schreibe

[ganz wichtig #a nur einmal verwenden sonst klappts nicht!]
So nun weiß der Browser schon mal die addresse die er anzeigt.Jetzt noch das Ziel angeben:

sonst weiß er nicht wo er ankommen soll :D So weiter gehts!

Nach oben

Hintergund und Bilder


Also, jetzt kommt ein ganz wichtiges Thema:
Hintergründe und Bilder.
Was wäre eine Hompage und einen schicken Hintergrund oder schönen Layout?
Meine Antwort:
Hässlich!
Du willst das doch sicher nicht oder guest ?
Na also :D Lies dir die Codes durch und siehe da: Deine PP ist schon FAST fertig

Bilder

Dieses Bild ist irgendwo neben deinen Text


Hintergründe


Hintergrundfarbe

Sich wiederholendes Hintergrundbild

Sry ich kann aber nicht alle Codes reistellen wegen dem Filter!Der mich in letzter Zeit ziemlich nervt^^ Nach oben

Textareas und Div's


Div´s



Wenn du eine Tabelle in einer bestimmten Größe haben möchtest, kannst du ähnlich wie bei den Textareas einen Scrollbalken einfügen. Der einzige Unterschied zwischen den Beiden ist, dass du auch deine Schriftart etc ohne Probleme ändern kannst. So kannst du viel Text einfügen ohne, dass sich deine Tabellengröße ändert.

Textareas

Textareas sind diese Kästchen wo du die Codes rauscopieren kannst!
Also hier der Code:

Leider kann ich nicht den vollen Code angeben aber nach dem: Hier deinen Code eingeben einfach wieder textarea mit einem / davor und in den klammern^^

Nach oben

Tabellen


Tabellen können dafür verwendet werden um alles ordentlich aussehn zu lassen um Statistiken zu erstellen und vielem mehr!Sie werden eher für PPs gebraucht die Itemslisten enthalten aber auch als alternative Navigation verwendet! aber nun zum wesehntlichen: Den Codes!

Text Text


Text Text


Text Text

Tut mir leid wenn man die Texte in den Codes nicht lesen kann
Probiert einfach mal alles aus und schaut was euch am besten gefällt :D

Nach oben

Verlinkt mich!


Wenn ihr lieb seid fügt ihr ein Banner von mir ein :D!
Müsst ihr nicht aber wäre nett!







Nach oben

Tipps für PP's


Das wichtigste für eine Hompage ist das Thema
Hier erfahrst du mehr darüber:

Hast du ein Thema für dich gefunden?Ok Dann weiter!
Wenn du nun weißt welches Thema du dir vornehmen willst dann solltest du dir ein gutes Layout dafür ausdenken.[Keine Ideen? Kein Problem!schreib mir einfach eine Mail und ich mach di r eines :D
] Dann solltest immer daran denken deine Textareas zu schließen!Sonst ist deine ganze PP in einem einzigen Textarea...!Und das wollen wir ja nicht.
Weiteres solltest du darauf achten keine zu knalligen Farben für die PP zu verwenden!Erstens liest sie keiner und zweitens wer sie liest dem fallen die Augen aus :D
Nicht zu viele Bilder verwenden!Das wichtigste ist nicht zu viele Bilder verwenden [auser bei Chara Pages und anderen dingen die mit Bilder zu tun haben^^]
Du solltest glücklich über dein werk sein und nicht mit zwang eine PP machen.
Sonst wird sie auch nicht schön :)

Na dann ich hoffe es hatt geholfen guest

Nach oben

Adwards


Habe ich wohl noch keine verdient :(
Nach oben

Regeln


Das einzige was ich will ist nur das ihr was lernt ;)Ne jetzt mal im ernst ich will ja nix ausser das ihr mir dankbar seit und wenn cih hilfreich war dsa ihr nicht behauptet keiner hatt euch geholfen. Ich kann das zwar nicht kotrollieren aber ihr habt ja das schlechte gewissen :)

Nach oben

Abschluss

So du hast es geschafft guest !
Ich hoffe meine PP war hilfreich!
Wenn du fehler gefunden hast sag mir bescheid!
Jetzt Nur noch ein paar andere Dinge:
Meine Inspiration:
Flauschkopf!

Und weiters möchte ich nur mehr sagen DANKE und Sag allen die Hilfe brauchen sie sollen zu mir kommen ;D!
Es hatt Spaß gemacht mit dir zu lernen guest!
Nach oben



NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2012.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions