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

Beliebte Beiträge:
1 Star2 Stars3 Stars4 Stars5 Stars (14 votes, average: 4.86 out of 5)
Loading ... Loading ...

20 Reaktionen zu “Eckbanner Nachschlag”

  1. 1 AveN Antworte auf diesen Kommentar

    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. 2 SuMu Antworte auf diesen Kommentar

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

  3. 3 Pinguin Antworte auf diesen Kommentar

    :ugly:

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

    ::D:

  4. 4 prinzzess Antworte auf diesen Kommentar

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

  5. 5 Offizieller Kommentar michael Antworte auf diesen Kommentar

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

  6. 6 Sebastian Antworte auf diesen Kommentar

    @ 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. 7 Offizieller Kommentar michael Antworte auf diesen Kommentar

    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. 8 AveN Antworte auf diesen Kommentar

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

    LG AveN

  9. 9 Offizieller Kommentar michael Antworte auf diesen Kommentar

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

  10. 10 Feinschnitt Antworte auf diesen Kommentar

    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. 11 Offizieller Kommentar Michael Antworte auf diesen Kommentar

    @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. 12 Offizieller Kommentar Michael Antworte auf diesen Kommentar

    @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. 13 Feinschnitt Antworte auf diesen Kommentar

    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. 14 Offizieller Kommentar Michael Antworte auf diesen Kommentar

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

  15. 15 Feinschnitt Antworte auf diesen Kommentar

    Hallo,

    funktioniert leider nicht ::(:

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

    passiert aber nix

  16. 16 Feinschnitt Antworte auf diesen Kommentar

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

  17. 17 Offizieller Kommentar Michael Antworte auf diesen Kommentar

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

  18. 18 Feinschnitt Antworte auf diesen Kommentar

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

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

  19. 19 Anonymous Antworte auf diesen Kommentar

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

  20. 20 Offizieller Kommentar Michael Antworte auf diesen Kommentar

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

Einen Kommentar schreiben

::D: 
:XD: 
:ugly: 
:;): 
::): 
:sad2: 
:roll: 
::P: 
:ups: 
::o: 
:freu: 
:freu2: 
:lachtot: 
:motz: 
:shocked: 
:???: 
:skepsis: 
:irre: 
:hilfe: 
:wallbash: 
:god: 
::(: 
:zensur: 
:hurra: 
:bravo: 
:pfeif: 
:ja: 
:nein: 
:maul: 
:doh: 
:girl: 
:winken: 
 

Du akzeptierst mit dem Absenden meine Datenschutzerklärung!


Abonnieren ohne einen Kommentar abzugeben


Smilie-Album