Kürzlich hatte ich mich mal als Unterstützer für die Piraten geoutet. Und gestern bakem ich eine e-mail mit der Bitte, zwei Banner einzubinden. Na gut. ich bin zwar (noch) kein pirat, aber warum nicht.
Allerdings ist mein Blog selbstgeschnitzt. mangels PHP auf dem Webspace gibt es bei mir keine PHP-Dateien, die Anleitung war also für die Füße. Nun ja, das kleine Banner war kein Problem, ist ja nur ein kleines statisches Bild, das man noch irgendwo unterbringen kann.
Das große Pagepeel war schon eher ein Problem. Ein großes. Denn es ist mit Flash und Javascript realisiert. Und bei meiner eher restriktiven Konfiguration geht da mal gar Nichts. Aber: selbst ist der Bastler. Also habe ich da mal was vorbereitet. Und zwar Etwas, das ohne Flash und ohne Javascript auskommt. Einfach nur per CSS. Weiterer Vorteil: Kein copyright, sondern eine Creative Commons Lizenz.
Die Einbindung geht in zwei Schritten. Zunächst wird ein div
benötigt. Dieser bekommt die id "topright". Wo dieser div
untergebracht wird, spielt keine große Rolle. Ich habe ihn im Kopfbereich untergebracht.
Als zweiter Schritt folgt noch eine CSS datei, die natürlich auch noch mit eingebunden
werden muss. Diese sieht sehr einfach aus:
div#topright {
position: absolute;
top: 0; right: 0;
width: 100px;
height: 100px;
background-image: url("pageear_s.JPG");
}
div#topright:hover {
width: 500px;
height: 500px;
background-image: url("pageear_b.JPG");
}
Die Bilder sind die Originalbilder, die mir zugeschickt wurden. jetzt soll das noch auf irgendwas verlinken. Das habe ich erst mal provisorisch über zwei Zeichen eingebaut. Dazu muss ich mir noch eine generelle Lösung einfallen lassen. Zum Beispiel ein transparentes GIF, das den kompletten Container ausfüllt, und die klickbare Fläche herstellt.
Bis kurz nach der Wahl lasse ich das Pagepeel drin.
