Neu! Jetzt mit Raucherecke

pEtEr am Dienstag, 11. März 2008, 15:24 Uhr
Tags: Blog, Raucher, Raucherecke, Rauchverbot
Abgelegt unter: Sehbar

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 (links 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.
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 href="http://blog.rebellen.info" id="rauchereck" class="liinternal"></a>

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

Update:

Nach einer Anfrage in den Kommentaren habe ich auch eine Version für Myspace erstellt. Wie es schient unterdrückt Mysapace allerdings den Mouseover Effekt, darum ist nur das Bild mit Zigarette zu sehen: (Vorschau)

<a href="http://www.blogrebellen.de" target="_blank"> <img src="http://farm3.static.flickr.com/2198/2410506887_258bcb1ae4_o_d.gif" name="image" style="position: fixed; right: 0px; bottom: 0px" border="0" /></a>

Diesen Code einfach bei Myspace unter “Profil bearbeiten” -> “Über die Band / Mich - bearbeiten” einfügen.

Zudem habe ich hier noch eine Version mit Java-Script Mouseover Effekt, also ohne CSS.
Dieser Code muss einfach nur vor < / body > kopiert werden.

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

Viel Spass damit!

 per E-Mail versenden
del.icio.us | Mister Wong | LinkARENA | Furl it | folkd

Gefällt dir dieser Beitrag? Dann abonniere den kostenlosen rss-Feed von Kreuzberg laßt grüßen! Was ist ein rss-Feed?

Kommentare zu diesem Beitrag können mit RSS 2.0 abonniert werden. Hinterlasse ein Kommentar, oder sende einen Trackback von deiner Seite.

22 Responses to “Neu! Jetzt mit Raucherecke”

1. Lieblnk.de Says:
   März 11th, 2008 at 16:46

   Neu! Jetzt mit Raucherecke | Kreuzberg laesst gruessen…

   Jedes Blog mit nur einem Feed braucht, wenn es rauchende Leser hat, neuerdings eine Raucherecke.

   Hier kann man eine beantragen und einbauen. FDP wählen muss man deswegen noch lange nicht.

   Rauchen tötet immer noch. Genau wie Siek & Sauer….

2. ” Raucher Willkommen » ring2* Says:
   März 11th, 2008 at 17:01

   […] Ring2* hat nun eine offizielle Raucherecke. Dank an Kreuzberg. […]

3. alohastone Says:
   März 12th, 2008 at 06:42

   Find ich total ultrageil und lustich Alter, und schon als ich’s gesehen hab dachte ich “hoffentlich is der Code zum selber Einbauen auch dabei. Gaile Idee und wie immer an alles gedacht. Bau ich bei mir auch sofort ein. “Proooooops! Nuff Respect! Yow! Und so!”

   Die gelben Blasen da kommen übrigens auch sehr geil, was issas? Kuchenglasur? Flüssiges XTC? Rotze?

   Egal, wirkt auf jeden Fall mit dem Oldschool-Ascher wie ne Blümchentapetenwohnung in X-Berg. Gemütlich, Atze

4. aloha WEBLOG up in smoke | aloha WEBLOG Says:
   März 12th, 2008 at 07:08

   […] Rebellen hatten wieder mal ne geile Idee, und wenn korrekte Kollegen gute Ideen haben mach ich mit. Deswegen darf im aloha WEBLOG ab sofort […]

5. pEtEr Says:
   März 12th, 2008 at 15:16

   @Aloha: Die Tapete ist aus Milch, Olivenöl und eine Brise Photoshop
   Das ursprüngliche Bild entstand bei der Zubereitung eines Pizzateigs.

   Habe mir schon überlegt ob ich im Gegenzug zur Raucherecke auch einen Eltern-Kind Bereich bereitstelle. Soll ja niemand zu kurz kommen

6. nichtschwimmer Says:
   März 12th, 2008 at 22:31

   Geile Idee werter Kollege..

7. alohastone Says:
   März 13th, 2008 at 06:49

   Ne Tapete aus Milch, Olivenöl und Photoshop hat auch nicht jeder

   Und wenn’s nur halb so gut geschmeckt hat wie’s sich als Tapete macht hätt ich auch gern n Stück gehabt *g*

   Übrigens:

   Solltet ihr beim Lesen auf unseren Seiten Lust auf eine Zigarette verspüren, so fahrt mit eurem Mauszeiger auf das Rauchereck (links unten auf der Seite) und genießt euren Sargnagel.

   Wenn mein Orientierungssinn nicht total im Eimer ist steht der Ascher rechts unten, nicht links. Aber das nur am Rande…

8. nichtschwimmer Says:
   März 13th, 2008 at 08:18

   “Wenn mein Orientierungssinn nicht total im Eimer ist steht der Ascher rechts unten, nicht links. Aber das nur am Rande…”

   Peter sieht das sicherlich aus der Sicht der Website

9. pEtEr Says:
   März 13th, 2008 at 09:33

   “Oh my god!” (beim lesen bitte an Vicky Pollard denken)
   Da habt ihr mich aber sowas von erwischt!
   Eigentlich wollte ich nur mal testen, ob meine Texte auch gelesen werden
   …aber ja, aber nein, aber ja, aber nein ….

   
   Little Britain - Vicky Pollard Backstage - MyVideo

10. alohastone Says:
    März 13th, 2008 at 14:28

    lol

    Wie ist ihr Name? -Sony Records?!

11. Protokoll vom 15. März 2008 at Trackback Says:
    März 15th, 2008 at 18:10

    […] Raucherecke für euer Blog […]

12. James Says:
    März 15th, 2008 at 19:34

    Genialer Einfall !! Hättest den Ascher aber ruhig mal putzen können.

13. pEtEr Says:
    März 17th, 2008 at 10:07

    Ick war im Radio *hysterischschreiend*
    ‘n Trackback von Trackback - klasse

    @James: Hier wird mittlerweile so viel gequalmt, dass ich mit dem Putzen kaum noch nachkomme! Muss mir mal eine Pixel-Putze zulegen….

14. alohastone Says:
    März 17th, 2008 at 23:52

    Glückwunsch pEtEr, 15 Minuten Ruhm

    Bin ja mal gespannt wo das Ding jetzt noch alles auftaucht…

15. Steven Says:
    April 8th, 2008 at 12:11

    Raucherecke für den Blog! Schließe mich allen Vor-Kommentatoren an. Tolle und sehr witzige Idee. Zünde mir an dieser Stelle eine Lucky an und speichere Idee zum klauen für nen zukünftigen Cartoon ab.

16. pEtEr Says:
    April 9th, 2008 at 00:27

    @Steven: Schreib mir mal wenn du die Idee verwendest, es würde mich echt interessieren was du daraus machst. Dein Blog und die Cartoons gefallen mir

17. ickke Says:
    April 13th, 2008 at 16:39

    Geht das auch mit Myspace?

18. pEtEr Says:
    April 13th, 2008 at 21:45

    @ickke:
    Schau dir nochmal den Beitrag an, ich habe einen Code für Myspace hinzugefügt
    Leider bekomme ich auf Myspace den Hoover-Effekt nicht hin. Vielleicht hat ja jemand eine Idee?

19. alohastone Says:
    April 14th, 2008 at 06:52

    @pEtEr: MySpace erlaubt keine ID-Selektoren im CSS. Damit könnte man nämlich ganz easy einzelne Layer wie z.B. den Werbelayer ausblenden indem man #tkn_leaderboardDiv im CSS einfach auf visibility:hidden setzt.

    Die unterdrücken das einfach dadurch dass sie kein Rautezeichen im Code zulassen. Einfach aber effektiv. Deswegen kannst du mit dem CSS auch deinen DIV mit der ID “rauchereck” nicht ansprechen, das Rautezeichen wird beim Speichern jedesmal ersetzt.

    Du könntest mal versuchen das über class=”rauchereck” zu machen und die Rautezeichen im CSS durch einen Punkt zu ersetzen; bin mir grade nicht sicher aber eigentlich sollte das auch so klappen.

20. pEtEr Says:
    April 14th, 2008 at 09:20

    @Aloha: Mit einer Klasse habe ich es schon probiert, funktioniert leider auch nicht! Habe gestern zich verschiedene Lösungswege ausprobiert aber Myspace will das Ding nicht “hoovern”.

21. Ali Says:
    April 15th, 2008 at 03:47

    So, ich habe jetzt mal passend zu meinem Thema eine Spielecke eingerichtet- rauchfrei!!

    Seid herzlich willkommen . . .

22. ZwergenZone » Spielecke Says:
    April 15th, 2008 at 03:57

    […] Artikel zu lesen, habe ich heute Nacht eine Spielecke in die Seite unten rechts eingebaut. Für die Inspiration und seine vielen Tipps, an dieser Stelle vielen Dank an pEtEr von […]

Kommentar hinterlassen