tutorials - Flash-Banner/Header

Flash Banner einfügen:

Entweder erstellt man ein Flash-Banner mit einem Flash-Programm:

Hier die 2 Profi-Programme

http://macomedia-flash-8.softonic.de/

http://www.swishzone.com/index.php?area=international&tab=german

oder eine etwas einfachere, aber auch günstige Variante:

http://www.flashdesignerzone.com/

oder mit einem Flash-Banner-Generator:

http://success4you.de.tl/banner_generator.htm

ACHTUNG: Bei Generatoren müssen wir auf die Größe achten - für die meisten Listen benötigen wir die Größe 468x60 Pixel

ACHTUNG: Wenn wir einen Banner erstellen oder generieren, muss er direkt im Programm oder im Generator verlinkt werden - im Nachhinein ist dies nicht mehr möglich.

In beiden Fällen muss die Flash-Datei hochgeladen werden das funktioniert genauso, wie das uploaden von Musikdateien

Nach dem Hochladen erhalten wir einen Link zum kopieren - z.B.

https://www.homepage-baukasten-dateien.de/success4you/intro-tut.swf

Diese Flash-Datei fügen wir in folgenden Code ein.

Erklärung zum Code:

div = können wir durch id oder td ersetzen
swfbanner = Klassenbezeichnung können wir selbst bestimmen - kommt 2 Mal rein.
SWF-URL = Der oben beschriebene Link vom Upload.
position:absolute;left:50%;top:48px;margin-left:-500px; = Position kann man anpassen!

Wir gehen auf -->Eigene Seiten editieren und wählen die Seite aus, auf der wir arbeiten wollen.

Wir klicken auf --> Quell-Code im Editor und fügen den Code ein - Speichern fertig.

Flash Header einfügen:

<!--

div.headerswf{position:absolute;left:50%;top:48px;margin-left:-500px;}

-->

</style>

</div>

Erklärung zum Code:

div kann man, wie oben durch id oder td ersetzen.

headerswf ist die id-Klasse : diesen Namen können wir frei wählen - er kommt 2 Mal rein.

Link.swf einfügen, den wir upgeloded haben

Das ist die Positionierung für den Header - ist schon zentriert - kann man anpassen.

Das ist die Größe des Headers für das Design Iceblue 921x104 Pixel.

Wir gehen auf --> Design einstellen --> Erweiterte Einstellungen

und fügen den Code bei --> Text über dem Design ein - Speichern fertig.