Politik undWerbung, Dienstag 14 April 2009 11:15
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.
RSS Feed




Hi Max, extrem cool. Minor Trouble bei mir: bei mir fügt sich nach Plugin Aktivierung der Header Bereich automatisch ein, nicht aber der Body Bereich. Woran kann das liegen? ich kanns natürlich jederzeit jederzeit manuell einbauen, aber vielleicht gibts eine bessere Assoziation?
@Martin: es fügt sich zum Footer hinzu, falls dein aktuelles Template in WordPress keinen “offiziellen” Footer hat (erkennst du wenn du beim design-editieren einen “Fubereich” rechts als Auswahl zum editieren hast) dann wird es nicht hinzugefügt.
Danke Max für Deine Mühe. Habs bei mir schon integriert.
@Gerald: Gratulation, bist der erste! mögen dir viele folgen!
Mist, Zweiter. verhunztes Footer template…
@Martin
hauptsache es funkt jetzt!
Leider funkt dies nur bei WP.org, nicht aber bei WP.com. Gibt’s ev. ne andere Möglichkeit, dies zu integrieren?
Wäre für Hinweise sehr dankbar.
@Oliver denke du kannst es händisch einbauen, kann man bei wp.com die tepmlates editieren? wenn ja kannst du den erste Teil in das header-template einbauen und den zweiten teil in das footer-template, dann sollte es auch gehen.
@ max:
Nein, in der kostenlosen wp.com Version kann das leider nicht editiert werden. Hier kannst du nur mit Widgets usw. arbeiten.
In meinem Theme gibts zusätzlich noch die Möglichkeit, in einer eigenen “Shoutbox” Intros zu schalten, die später verschwinden. Ich denke, mit einem anderen Code konnte dies dauerhaft eingeblendet werden. Jedoch hab ich keinen Header/Footer Bereich.
@Oliver was passiert wenn du den code (beide teile hintereinander) in ein text-widget gibst?
@Oliver hab mich mit meinem brachliegenden wp.com account gespielt, geht auch nicht, keine ahnung ob das bei wp.com geht
Ohne wirklich was von wp.com zu wissen mein Senf:
- div so umbauen, dass es direkt mit style attributen arbeitet anstatt das CSS über die id anzusprechen?
- oder gar Javascript bauen, das den HTML Content in den DOM Tree der Seite nachträglich reinschreibt?
Ich weiss: Arbeit. Mühsam. Ich bin kein Experte dafür, nur Halbwissen. Aber wär schon sehr toll, wenn jemand eine Lösung hätte, so dass das für alle funktioniert…
@Martin geht alles nicht auf wp.com, kein javascript erlaubt, kein style-tag…
radikal…
Schöne Sache
Vllt. sollltet ihr für wp.com blogs uä sowie leute die das vllt. technisch nicht hinbekommen einfach einen hübschen Button (das kreislogo bietet sich an) und evt. einen (bewegten) banner oder so anbieten?
Bha, Nachtrag: Vor allem weil das Eselsohr (bei mir) die Ladezeiten von euren (Gerald, Martin, Max) Blogs beträchtlich verlängert.
Ich habe einen simplen statischen JPEG-Banner für all jene prodziert, die das Eselsohr nicht einbauen können.
Hier geht’s zum Download:
http://thinkoutsideyourbox.wordpress.com/2009/04/14/bannerdownload-fur-grune-vorwahlen/
[...] klasse und schrittweise entwickelt sich diese Initiative auch weiter. Heute hat Max Kossats ein Eselsohr zum Einbinden in die Homepage online gestellt. Für all jene, die dies nicht in ihr Blog/ihre Homepage einbauen können, die [...]
@Oliver Super, habs in den Artikel gegeben!
is eingebaut, dein plugin funkt fantastisch, danke
@Clemens freut mich, danke fürs einbauen! (und sorry das ich eure Aufführungen verpasst habe, leider!!!)
danke für den banner, hab ihn grade auf meiner site eingebaut, und muss sagen “hübsch, hübsch”…
@ralph super!