Eckbanner Nachschlag

1 Star2 Stars3 Stars4 Stars5 Stars (13 votes, average: 4.85 out of 5)
Loading ... Loading ...

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:

9 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.

Einen Kommentar schreiben

Du akzeptierst mit dem Absenden meine Datenschutzerklärung!


Smilie-Album