Karos Lookup Tutorial


Willkommen bei meinem Lookup Tutorial! Nach einer Pause von Neopets, bin ich wieder zurück und möchte dir helfen ein eigenes schickes Lookup zu coden. Also befolge die Schritte und du wirst dein eigenes schickes Lookup haben.

Regeln


Regeln gibt es trotzdem.
  • Verwendet meine Screens nicht ohne Erlaubnis. Fragen kostet nichts.
  • Macht aus diesem Tutorial kein eigenes. Es steckt eine Menge arbeit dahinter.
  • Verlinkung wäre nett, wenn ihr mein Tutorial benutzt. Ihr könnt es natürlich auch verwenden, wenn e euch sehr gut gefällt und ihr es als hilfreich empfindet.

Grundaufbau


Damit ihr die ganzen Codes versteht, müsst ihr natürlich den Grundaufbau eures Lookups kennen. Deswegen hab ich hier Bilder für euch.



Lookup 1


Eine der Möglichkeiten dein Lookup zu gestalten wäre, die Farben zu verändern. Ihr solltet aber bedenken, dass grelle Farben den Augen wehtun können. Sucht euch also keine Farben aus die stechend wirken. Der Code:

Lookup 2


Diese Version des Lookups ist schon ein bisschen umfangreicher. Trotzdem ist sie nicht sehr schwer. Kopiert euch den Code am besten zuerst in Word.
Warnung!
Das Lookup ist für 3 Pets und einen nicht zu langen Usernamen geeignet.

HINTERGRUNDURL - Hier müsst ihr eine URL von einem Bild einsetzen. Ihr könnt das Bild selber machen oder aus dem Internet suchen. Achtet dabei aber auf das Copyright.

BANNERURL.jpg - Hier setzt ihr die URL des Bildes ein, die euch als Top-Banner dienen soll. Wenn ihr euch selber einen macht solltet ihr drauf achten, dass er nicht größer als 720x500 ist. Er sollte aber auch nicht zu winzig sein, sonst seht ihr nur noch Pixel, statt ein schönes Bild.

FARBCODE - Hier müsst ihr einen Farbcode einsetzen. Damit ihr wisst wozu welcher Code dient, hier eine kleine Übersicht:



Die Navigation darf man auch nicht vergessen. Die Erklärung dafür:

Lookup 3


Nun kommt das schwerste Lookup von dieser Seite. Als erstes müsst ihr euch ein Bild aussuchen, am besten im Format 800x600 Pixel. Das müsst ihr dann auf eurem Computer abspeichern. Achtet hierbei wieder auf das Copyright.
Hier erst mal der Code (den ihr euch am besten wieder in Word kopiert):

Nachdem ihr ein schönes Bild gefunden und abgespeichert habt, müsst ihr es noch bearbeiten. Ich benutze dafür PhotoFiltre. Bedenkt immer dabei, dass ihr Platz für ein Textfeld braucht. Ich empfehle euch, es als erstes auf dem Bild zu markieren. Hier hab ich es mit rot markiert:

Ihr solltet auch bedenken, dass sich das Textfeld etwas vom Hintergrund unterscheiden sollte, aber nicht so drastisch wie auf dem Bild.
Es sollte ungefähr wie auf diesem Bild sein:

Damit ist das dritte Lookup auch schon fertig. Herzlichen Glückwunsch!

Scrollbalken


Als Verschönerung hab ich noch ein kleines Extra für euch. Leider funktioniert es nur im IE (Internet Explorer). Auch hier müsst ihr eure eigenen Farbcodes einsetzen, die auch zum Layout passen.

Epilog


Das ist schon das Ende der PP. Ich hoffe ihr habt jetzt ein schönes Lookup.

Da ich den NA von einer Userin gescrennt habe, muss ich sie auch verlinken.

Das Bild vom Scrollbalken darf ich mit freundlicher Genehmigung der Besitzern von Chantsus HTML-Hilfe benutzen. Also rührt es ja nicht an.


___________________________________________
css by simone !



NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2009.
® 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