Eckbanner

Felix hat mich auf die Idee gebracht, den kleinen Smilie aus meiner Ecke zum Verlinken anzubieten. Gesagt, getan!

Zu allererst benötigt ihr ein klein wenig CSS:

a#fbutton {
position: fixed;
z-index: 2000;
right: 0;
bottom: 0;
text-decoration: none;
text-indent: -999em;
height: 100px;
width: 100px;
background: url(http://www.greensmilies.com/smile/smiley_emoticons_eckbanner01.gif) bottom right no-repeat;
display: block;
}

Den Pfad müsst ihr durch euren Pfad zum Bild ersetzen! Der Code selbst gehört in eine CSS-Datei eurer Wahl, bei WordPress ist das meist die style.css in eurem Theme-Ordner. Dann braucht ihr natürlich noch das Bild selbst:

Smileys by GreenSmilies.com
(Rechts anklicken und speichern, darauf könnt ihr verzichten, wenn ihr die Direkt-Verlinkung aus dem CSS-Code beibehält! Achtet darauf, dass die komplette URL in einer Zeile steht.)

Zum Schluss braucht ihr noch eine Zeile HTML-Code, welchen ihr vor dem Ende des body-Tags einbaut, also ans Ende der Seite.

<a id="fbutton" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

Fertig!

Leider funktioniert die Positionierung in der rechten unteren Ecke nur bei Browsern, die mit „fixed“ umgehen können, der Internet Explorer 6 ist einer der Kandidaten, der das nicht beherrscht. Alle anderen Browser sollten den Smilie korrekt darstellen, war ja klar, das nur Microsoft so etwas nicht gebacken bekommt.

Zum Schluss noch ein Schildersmilie mit welchem ich mein Smilie-Album gerne verlinke.

Smileys by GreenSmilies.com

Dieser Beitrag wurde unter Green Smilies, Green Smilies intern abgelegt und mit , , , , verschlagwortet. Setze ein Lesezeichen auf den Permalink.

41 Kommentare zu Eckbanner

  1. AveN sagt:

    Ich hab mit Opera keine Probleme hier =)
    @micha – Magste nicht mal die Browserstatistiken deiner Seite veröffentlichen? ^^ Brav mit smileys? ^^

    Btw. nicht alles von Microsoft ist schlecht.. die Betriebsysteme sind zwar Mist, aber die besten Consumer-OS die es gibt. Und die Entwicklerwerkzeuge sind echt gut.

    LG AveN

  2. Felix sagt:

    @Saya: Nein, ich benutze den IE7 und der versteht "fixed". Sonst würde der Smiley hier auf greensmilies.com ja auch nicht in der Ecke sein…

  3. Saya sagt:

    @felix: sry ^^" i dacht du hast nich die geringste ahnung und so… sry, ich kenn zu viele vollidiotn, die einfach nix checkn… tut mir echt leid, falls du dich jetz beleidigt gefühlt hast, oda so ^^" i wollt eigentlich nur darauf hinweisen, dass da was seltsam is.. letztendlich wars voll sinnlos was ich geschrieben hab :ups:

    @den rest: danke ^^ klappt jetz alles wieder ordentlich bei mir ^^

  4. Felix sagt:

    Schon ok^^
    Bei mir geht’s zwar immer noch nicht, aber bei allen anderen Forennutzern. Da sind mir die 100 Pixel zu viel halt mal egal ;]

  5. Felix sagt:

    JAAAAH! Ich hab herausgefunden warum das nicht ging! Ich hatte den Browser nicht in den standartkonformen Modus geschaltet. Am Anfang hat die Zeile:

    gefehlt. :wallbash: :XD:
    Das kannst du vieleicht noch in deinen Eintrag mit übernehmen, für die die das selbe Problem haben und zu faul sind die Kommentare zu lesen :;):

  6. michael sagt:

    Schick mir die Zeile mal per E-Mail oder poste sie im code-Tag, WordPress frisst die sonst und ich habe noch nicht genau verstanden was du meinst.

  7. Felix sagt:

    Ups sorry^^ Ich hatte das gar nicht nochmal durchgelesen… :ups:

    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Das ist ja eigendlich standart das man die Zeile mit einbindet, aber ich hab das irgendwie versäumt….

  8. michael sagt:

    Das sollte jeder selber festlegen, aber danke dir steht es nun ja in den Kommentaren.

  9. Pingback: Eckbanner Nachschlag - GreenSmilies

  10. Thomas sagt:

    Ich hab das bei mir jetzt auch eingebaut. Vielen Dank für diese tolle Idee.

  11. michael sagt:

    Poste mal einen Link zur Seite.

  12. Pingback: Kilroy was here! - GreenSmilies

  13. Ute sagt:

    Huhu Michael,
    Du hast mir ja vor einiger Zeit mal angeboten, dass ich mir Deine Ecksmileys holen kann…damals hatte ich an der Stelle noch meinen eigenen Banner…jetzt habe ich ein anderes layout und nun kommen Deine genialen Smileys zum Einsatz! Wirken vielleicht nicht ganz so gut bei mir, da ich einen gemusterten HG habe…aber ich finde sie trotzdem sooo süß!!! Danke! ::):

  14. Pingback: Quicky: Star Wars Ober-Jedi Yoda - GreenSmilies

  15. michael sagt:

    @Ute: Sehr schick, dein Layout ist! Yoda

Kommentare sind geschlossen.