Mit Hilfe der Unterstützung von Dominik habe ich das “Eselsohr” (auch “Pagepeel” genannt) der Metternich 2.0-Kampagne für die Grünen Vorwahlen angepasst:

Für WordPress gibt es dank Ralf “Arby” Brostedt ein Plugin das ich entsprechend modifiziert habe, zum einbauen:

1. WordPress Plugin “Grüne Vorwahlen” herunterladen.

2. Das in dem Archiv enthaltene File “gruenevw.php” in den Plugin-Folder der WordPress-Installation kopieren (befindet sich im Ordner “wp-content”).

3. Im Adminbereich unter “Plugins” das Plugin “Grüne Vorwahlen” aktivieren, fertig. Das Ergebnis sollte so aussehen wie hier am Blog rechts oben.

Für alle anderen Webseiten hier die Anleitung zum händischen Einbau:

1. Folgende Zeilen in den HEAD-Bereich des HTML-Codes der Webseite einfügen:

<!– gruenevw head start v1.0 –>
<style type=”text/css”>
<!–
div#akct {
position: absolute; top:0px; right: 0px; z-index: 2342; width:113px; height:125px;
background-image: url(http://wissenbelastet.com/gruenevw/gvorwahlen_eohr_klein.gif);
background-repeat: no-repeat;
background-position: right top;
border:none;
padding:0;
margin:0;
text-align: right;
}

div#akct img {
border:none;
padding:0;
margin:0;
background: none;
}

div#akct a#akpeel img {
width: 113px;
height: 125px;
}

div#akct a, div#akct a:hover {
text-decoration: none;
border:none;
padding:0;
margin:0;
display: block;
background: none;
}

div#akct a#akpeel:hover {
position: absolute; top:0px; right: 0px; z-index: 4223; width:361px; height:400px;
display: block;
background-image: url(http://wissenbelastet.com/gruenevw/gvorwahlen_eohr_gross.gif);
background-repeat: no-repeat;
background-position: right top;
}

div#akct a#akpreload {
background-image: url(http://wissenbelastet.com/gruenevw/gvorwahlen_eohr_gross.gif);
background-repeat: no-repeat;
background-position: 234px 0px;
}
–>
</style>
<!–[if gte IE 5.5]>
<![if lt IE 7]>
<style type=”text/css”>
div#akct a#akpeel:hover {
right: -1px;
}
</style>
<![endif]>
<![endif]–>
<!– gruenevw head end –>

2. Folgende Zeilen in den BODY-Bereich des HTML-Codes der Webseite einfügen:

<!– gruenevw body start v1.0 –>
<div id=”akct”><a id=”akpeel” href=”http://gruenevorwahlen.at/” target=”_blank” title=”Wir wollen mitbestimmen und rufen für die Wiener Wahl 2010 Grüne Vorwahlen aus.”><img src=”http://wissenbelastet.com/gruenevw/Ueberwt.gif” alt=”Wir wollen mitbestimmen und rufen für die Wiener Wahl 2010 Grüne Vorwahlen aus.” /></a></div>
<!– gruenevw body end –>

3. Fertig, sollte funktionieren!

Also, einbauen, mitmachen und natürlich unterschreiben!

Bei Problemen bitte melden, alles natürlich ohne Gewähr!

EDIT: Dank Oliver gibt es für alle die das Eselsohr aus diversen Gründen nicht einbauen wollen hier statische Banner.