Bannercode Tut
von TheDarkShiva
|
TheDarkShiva ist
in IMVU.
|
Hier ergänzend ein schriftliches Tutorial zum Thema BANNER
Du möchtest wissen, wie man ein Banner erstellt? Das ist nicht weiter schwierig. Vor allem sind der Phantasie da keine Grenzen gesetzt. ^^v
Du erstellst in einem Bildbearbeitungsprogramm ein schönes Banner mit Schriftzug ganz nach deinem Geschmack. Dann musst du das bild irgendwo hochladen, z.B. bei [
www.photobucket.com], damit du später dazu verknüpfen kannst.
Der HTML-Code sieht im Grunde bei allen Bannern gleich aus, bis auf kleine Abwandlungen. Du brauchst nur zwei Links, den von deiner Produkt-Page und den der Bilddatei für's Banner.
Der Code sollte dann so aussehen:
[size=16px]<a href="Hier die URL der Produktseite" target=_blank><img src="Hier die URL des Bildes" border=0 alt="Meine Produkte"></a>
Zur Erläuterung:
<a href="...">...</a> --> Das ist der Grundcode um einen link zu setzen. Man kann auch einen Text in den Zwischenraum setzen, anstelle des Links für die Bilddatei, dann wird aber halt auch nur der Text angezeigt.
target=_blank --> Dieser Befehl sorgt dafür, dass sich die verlinkte Seite in einem neuen Fenster oder einem neuen Tab (je nach Browser) öffnet, damit man denjenigen der darauf klickt nicht gleich von der eigenen Seite verjagt ^_~
<img src="..."> --> Hiermit lassen sich Bilder einbinden. Wenn man nur diesen Code benutzt, kann man auch auf seiner Homepage wunderbar Bilder einbinden, dann braucht man nicht so viele Credits für Bilder auszugeben
border=0 --> Der Parameter "border" ist für den Rahmen eines Bildes mit Link dahinter zuständig, der Zahlenwert entscheidet, wie groß der Rahmen wird. Es empfiehlt sich aber, immer Null zu wählen, das sieht einfach schöner aus.
alt="..." --> alt steht für den Alternativtext, den man zufügen kann. Wir kennen ja alle diese kleinen Kästchen mit dem Text, die manchmal angezeigt werden, wenn man mit der Mouse über z. B. ein Banner geht. Genau dafür ist das da, gut auch wenn das Bild mal nicht angezeigt wird, dann wird über diesem kleinen "Bild-Kaputt-Symbol" trotzdem der Text angezeigt.
Ich hoffe das hilft. Viel Spaß beim Basteln!
Greez Euer DDS-Team