Archiv des Tags ‘Uglys’

22. Mai 2008Eckbanner 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

Das fett geschriebene 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. Achja, der fett geschriebene Teil gehört in eine Zeile, ich habe da nur einen Umbruch eingesetzt, um mein Layout hier nicht zu sprengen!

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

7. September 2007Uglys

Hier geht es zur Smilie-Album-Seite der Kategorie: Uglys


Smilie-Album