Es wackelt das grüne Eselsohr
von ronald am 14.04.2009
Hier wird es wenige überraschen: Ich unterstütze die Initiative "Grüne vorwahlen" vorbehaltslos.
Und kann nur all jene aufrufen, die sich starke und offene Wiener Grüne wünschen, sich daran zu beteiligen.
Drum jetzt auch danke an Max der das oben rechts wackelnde Eselsohr "gebastelt" hat.
Und danke auch an Roland von knallgrau, der es unverzüglich für mein twodayblog umgebaut hat.
Und jetzt wirds technisch.
Denn (für twoday) geht es so:
Folgender Code (2 Teile) muss in den "page Skin" eingefügt werden. Der Skin kann im Admin-Interface unter "Layout" > "Skins (HTML)" bearbeitet werden.
1. Folgenden Code in den HEAD Bereich des "Page Skins" einfügen:
2. Folgenden Code in den BODY Bereich des "Page Skins" einfügen:
Und kann nur all jene aufrufen, die sich starke und offene Wiener Grüne wünschen, sich daran zu beteiligen.
Drum jetzt auch danke an Max der das oben rechts wackelnde Eselsohr "gebastelt" hat.
Und danke auch an Roland von knallgrau, der es unverzüglich für mein twodayblog umgebaut hat.
Und jetzt wirds technisch.
Denn (für twoday) geht es so:
Folgender Code (2 Teile) muss in den "page Skin" eingefügt werden. Der Skin kann im Admin-Interface unter "Layout" > "Skins (HTML)" bearbeitet werden.
1. Folgenden Code in den HEAD Bereich des "Page Skins" 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. Folgenden Code in den BODY Bereich des "Page Skins" 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 -->
Bannerdownload
Für all jene, die die Initiative ebenfalls unterstützen wollen, die Eselsohren aus diversen Gründen nicht einbauen können oder wollen, habe ich simple statische Banner gemacht und zum Download gestellt:
http://thinkoutsideyourbox.wordpress.com/2009/04/14/bannerdownload-fur-grune-vorwahlen/