Eckbanner Nachschlag

Der Eckbanner erfreut sich scheinbar großer Beliebtheit, Sebastian hat nun zwei weitere Varianten für unten links oder rechts erstellt.

Variante 1:

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

So sieht er aus:
Eckbanner

Variante 2:

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

So sieht er aus:
Eckbanner

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.

Für beide Varianten gilt 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>

Sebastian hat aber noch mehr geliefert:

Firefox Opera Safari Thunderbird

Einmal dürft ihr raten wer hier fehlt und warum!? :;):

Mein Zunge zeigender Smilie war Sebastian zu „ruckartig“:

Zunge zeigen

Der letzte im Bunde passt zur „Standart„-Diskussion:

Ugly Rechtschreibfehler

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

20 Kommentare zu Eckbanner Nachschlag

  1. AveN sagt:

    Ich fidn die unterste Zeile in der Animation der Browsersmileys komisch… die die evrschwindet ;) Ist das nur bei mir so?

    Ansonsten coole sachen dabei :D

    LG AveN

  2. SuMu sagt:

    Ihr erinnert euch, die Fussball EM 2008 fängt bald an, ich hoffe, da kommt noch was von euch ::D: :god:

  3. Pinguin sagt:

    :ugly:

    Du könntest auch einen IE Smilie machen in so etwa :wallbash:

    ::D:

  4. prinzzess sagt:

    und sobald ich mein neues laptop hab und meine emails reanimieren konnte, kommt das eckbanner auch bei mir rein. versprochen!!!

  5. michael sagt:

    Fein danke dir. Kleiner Tipp, wechsel auf imap, dann brauchst du deine E-Mails nicht wieder reanimieren.

  6. Sebastian sagt:

    @ AveN

    Du hast recht, zumindest beim Internet Explorer werden die Browser-Smilies abgeschnitten. Ich habe mir die GIF-Datei nochmals angesehen (mit Ulead GIF Animator 5 und GIF Movie Gear), jedoch keinen Fehler gefunden. Aber trotzdem sollten auch Browser, die eine Zumutung für das Internet sind, die Smilies richtig anzeigen. Kann mir irgendwer sagen, was ich falsch gemacht habe und wie ich das ändern kann? Smilie by GreenSmilies.com

    @ Pinguin
    Gute Idee. Eigentlich wollte ich den hier entsprechend abändern: Smilie by GreenSmilies.com Ich bin mir jedoch nicht sicher, ob ich aus rechtlichen Gründen das IE-Symbol für so etwas verwenden darf…

  7. michael sagt:

    Blinkt es noch immer? Ich glaube es lag an der Art wie die Animation mit dem Hintergrund umgeht, stelle das im Image Ready grundsätzlich auf automatisch. Habe damit auch die 4 Bilder neu abgespeichert.

  8. AveN sagt:

    Hab’s jetzt nimmer den Fehler und hatte den auch mit dem Fx.

    LG AveN

  9. michael sagt:

    Gut, dann pack ich die überarbeiteten nun in den Download.

  10. Feinschnitt sagt:

    Hallo alle zusammen!!! :winken:

    Also ich hab eine Seite (www.koelling-portal.piczo.com) wo eine funktion bei ist wo steht steuerelement hinzufügen steht. Dort kann ich dann ein HTML Code einfügen. Bräuchte den Code den ich da einfügen muss um auch so ein Smiley auf meiner Seite zu haben. Würde mich über Antwort sehr freuen sowie über die Nachricht das das überhaupt klappt!

    Danke im voraus!!! :god:

  11. Michael sagt:

    @Feinschnitt: Außer den Code oben, brauchst du nichts weiter, wo du das aber bei deiner CMS machen kannst, kann ich dir leider nicht beantworten. Frag am besten den Support von piczo.com, die können dir das sicher mit Leichtigkeit beantworten.

  12. Michael sagt:

    @Feinschnitt: Noch ein Hinweis, wenn deine CMS nur den Einbau von HTML-Code erlaubt, dann musst du auch den CSS-Teil in diesen Bereich schreiben. Damit das funktioniert, musst du vor den CSS-Code ein:

    <style type="text/css">

    und danach ein:

    </style>

    setzen.

  13. Feinschnitt sagt:

    Hallo zusammen!!! :hilfe:

    Wer iss denn so nett und erfahren mir beim Einbau des Smileys zu helfen?

    Danke im voraus für evtl. Hilfe

    Liebe Grüße :winken:

    Feinschnitt

    ICQ: 431330710

  14. Michael sagt:

    Probier doch wie oben beschrieben, den Code bei dir einzubauen. Also mit den Style-Tags rund um den Code.

  15. Feinschnitt sagt:

    Hallo,

    funktioniert leider nicht ::(:

    Hier das hab ich mal in mein HTML Code Feld eingefügt:

    passiert aber nix

  16. Feinschnitt sagt:

    hab ich eingefügt bei mir im HTML Code Feld aber passiert irgendwie nix

  17. Michael sagt:

    Du kannst hier keinen Code posten, wenn du die Spitzklammern nicht durch ihre Entities ersetzt.

  18. Feinschnitt sagt:

    Michael, du bist der GRÖßTE!!!!!!

    Danke vielmals für deine überaus kompetente Hilfe!!!!!!!
    :bravo: :hurra: :freu: ::P: ::D: :doh: :ja: :pfeif: :winken:

  19. Anonymous sagt:

    Kannst du den Schild-Ecksmiley bitte in dreifacher Größe machen?

  20. Michael sagt:

    @Anonymous: Nein, das geht leider nicht, GreenSmilies sind so groß, wie sie groß sind. :;):

Kommentare sind geschlossen.