Heute ist Weltnichtrauchertag! Da passt doch dieses Video wie Arsch auf Eimer, oder?

Abstract Rude – Nuff Fire

… dachte sich der Lieferservice “Fly Pizza’s” und beauftragte eine Agentur um zielgruppengerechte “Business-Cards” auf Somoking-Papers erstellen. “…to be always within reach of the smokers and hit them durig hunger attacks.”

Dass diese Kampagne ein Volltreffer war erklärt sich von selbst.
Und nun ab in die Raucherecke.
[via Blissblog]

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!