Effekte (Gimmicks)
Info vorweg: Die Codes der Gimmicks müssen auch alle in die Javascript Konsole 
eingefügt werden, sonst funktionieren sie nicht!
Inhaltsverzeichnis
Laufschriften mit Marquee
Affiliates-Button-Lauf
Weicher/Anderer Seitenübergang
1) Laufschriften mit Marquee
Eine Laufschrift kann man für verschiedenes verwenden, zB als einen Newsticker, oder einfach nur als Überschrift. Wenn man ihn gut einsetzt, gibt es einen guten Effekt.
So könnte zB eine Marquee Laufschrift aussehen:
Der Code dieser Laufschrift:
<marquee behavior="scroll" scrolldelay="200">
Laufschrift TEST Laufschrift TEST Laufschrift TEST
</marquee>
Mit behavior stellt man das Verhalten der Laufschrift ein.
Es gibt scroll, slide und alternate.
|
Code |
Wirkung |
| behavior="scroll" | |
| behavior="slide" | |
| behavior="alternate" |
(Ihr müsst dann immer je nachdem im Code das Wort austaschen)
Mit scrolldelay stellt ihr die Geschwindigeit eurer Laufschrift ein. Je höher die Zahl, desto schneller die Laufschrift.
Oben im Beispiel habe ich die Geschwindigkeit 200 eingestellt.
2) Affiliates-Button-Lauf
Affiliates sind eigentlich nur Linkpartner. Man verlinkt sie meist mit kleinen Buttons, meist von der Größe 88 x 31 Pixeln. Im Design habe sehr viele so einen Button-Lauf, bei dem die Affis von oben nach unten nacheinander runterlaufen, und wenn man mit der Maus auf einem Button ist, hält der Lauf an, bis man mit der Maus wieder weg ist.
So könnte so ein Lauf zB aussehen:
Code:
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" scrollAmount="2" scrollDelay="5" direction="down">
<a href=#><img src="imgs/affi-test.JPG" alt="Affiliate" width="88" height="31" border="0" /></a><br /><br />
<a href=#><img src="imgs/affi-test.JPG" alt="Affiliate" width="88" height="31" border="0" /></a><br /><br />
<a href=#><img src="imgs/affi-test.JPG" alt="Affiliate" width="88" height="31" border="0" /></a><br /><br />
<a href=#><img src="imgs/affi-test.JPG" alt="Affiliate" width="88" height="31" border="0" /></a><br /><br />
<a href=#><img src="imgs/affi-test.JPG" alt="Affiliate" width="88" height="31" border="0" /></a><br /><br />
</marquee>
Mit
<a href="http://adressde.de" target="_blank"><img src="imgs/affi-test.JPG" alt="Affiliate" width="88" height="31" border="0" /></a>
wird der Affiliate-Link & Button definiert. Ich habe 5 Mal den gleichen Button eingefügt. Ihr müsst natürlich die Links durch eure Affiliates ersetzen.
Mit
<br /><br />
macht man nach jedem Button einen Zeilenumbruch mit Leerzeile.
3) Weicher/Anderer Seitenübergang
Seitenübergang? Was ist das?
Das ist, wenn man zB auf einer privaten Homepage ist, und auf einen Link klickt, dann wird die nächste Textseite ja langsam aufgebaut. Normalerweise werden alle Bilder und Dateien einzeln und ruckelig geladen.
Aber mit bestimmten Codes, die man auf die jeweilige Textseite einbaut, kann man einen weichen Seitenaufbau bekommen. Da gibt es ganz verschiedenen Möglichkeiten und Effekte. In den nächsten Zeilen werden einige solcher Seitenaufbau-Effekte vorgstellt, die ihr auf euer Oyla-Seite auch verwenden önnt.
Aber Achtung: Alle folgende Codes mit den Seitenübergängen funktionieren nur im Internet Explorer!
Als erstes fangen wir mit den ganz normalen, weichen Seitenübergang an.
Hier erscheint langsam aus dem Nichts die Textseite.
Damit ihr euch diesen Effekt und auch die folgenden Effekt besser vorstellen könnt, habe ich jewels einen Screenshot dazu gemacht. So sieht unsere normale Textseite immer aus:
Und so, wenn wir die Seite mit dem weichen Seitenübergang laden:
(die Textseite wird nur so geladen, am Ende wird alles ganz normal angezeigt)
Der Code:
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1)">
Ihr könnt euch hier die Geschwindigkeit, wie schnell oder langsam eure Seite geladen werden soll, einstellen. Zum Beipsiel kann es 10 Sekunden dauern, bis aus dem Nichts die Seite langsam erscheint, oder es kann auch nur 2 Sekunden dauern.
Dies könnt ihr bei Duration=1 einstellen.
1 = 1 Sekunde lang dauert der Seiten-?bergangs-Effekt
2 = 2 Sekunden
3 = 3 Sekunden
20 = 20 Sekunden
10.55 = 10,55 Sekunden
Mit der Zeit sind also keine Grenzen gesetzt. Achtet aber darauf, wenn ihr eine Kommazahl nehmt, dass ihr einen Punkt und kein Komma schreibt! Es heisst 10.55 (also 10PUNKT55) und nicht 10,55 (10KOMMA55).
Am leichtesten ist es aber, wenn ihr einfach eine normale Zahl nehmt.
