Rauchverbot von rrho cc

Das neue Rauchverbot in Gaststätten und Kneipen hat viele Raucher verärgert. Einige fühlen sich diskriminiert weil sie für eine Zigarette nach draußen müssen, andere suchen ihre Stammkneipe einfach nicht mehr auf.

Da wir uns um all unsere Leser, egal ob Raucher oder Nichtraucher, gleichermaßen sorgen und wir allen den Aufenthalt hier auf unserem Blog so angenehm wie möglich gestalten möchten, haben wir unser Onlineangebot um eine kleine Raucherecke erweitert.
Solltet ihr beim Lesen auf unseren Seiten Lust auf eine Zigarette verspüren, so fahrt mit eurem Mauszeiger auf das Rauchereck (rechts unten auf der Seite) und genießt euren Sargnagel.

Wer möchte darf diesen Eckbutton gerne auch auf der eigenen Homepage oder im eigenen Blog verwenden.

Version #1 mit Java-Script Mouseover Effekt (ohne CSS).
Dieser Code muss einfach nur vor < / body > eingefügt werden.

<a onmouseover="image.src='http://farm3.static.flickr.com/2198/2410506887_258bcb1ae4_o_d.gif';" onmouseout="image.src='http://farm4.static.flickr.com/3104/2410506951_9b9d118cf7_o_d.gif';" href="http://blog.rebellen.info" target="_blank">
<img style="position: fixed; right: 0px; bottom: 0px;" src="http://farm4.static.flickr.com/3104/2410506951_9b9d118cf7_o_d.gif" border="0" alt="" /></a>

Die CSS-Version:
Die Rauchereck-Grafik könnt ihr euch hier herunterladen, die Hover-Grafik liegt hier.
Nun fügt folgenden Code in die style.css ein:

a#rauchereck {
position: fixed;
bottom: 0;
text-decoration: none;
text-indent: -999em;
height: 391px;
width: 200px;
display: block;
background-image: url(http://meinedomain.de/Ordner-zu/raucherecke.png);
background-repeat: no-repeat;
background-position: left bottom;
right: 0px;
}
a:hover#rauchereck {
position: fixed;
right: 0;
bottom: 0;
text-decoration: none;
text-indent: -999em;
height: 391px;
width: 200px;
background: url(http://meinedomain.de/Ordner-zu/raucherecke-smoke.png) bottom right no-repeat;
display: block;
}

In der footer.php fügt ihr vor < / body > diesen Code ein:

<a id="rauchereck" href="http://blog.rebellen.info"></a>

Den Link könnt ihr natürlich beliebig austauschen.

Nach einer Anfrage in den Kommentaren habe ich auch eine Version für Myspace erstellt. Wie es schient unterdrückt Myspace allerdings den Mouseover-Effekt, darum ist nur das Bild mit Zigarette zu sehen: (Vorschau)
Diesen Code einfach bei Myspace unter “Profil bearbeiten” -> “Über die Band / Mich – bearbeiten” einfügen.

<a href="http://blog.rebellen.info" target="_blank">
<img style="position: fixed; right: 0px; bottom: 0px;" src="http://farm3.static.flickr.com/2198/2410506887_258bcb1ae4_o_d.gif" border="0" alt="" /></a>

Viel Spass damit!