GreenSmilies

Wohl mein Glückstag heute, auf dem Bloggeramt-Blog ist nun das amtlich beglaubigte Wahlergebnis zur Wahl zum “Blog des Monats Juni 2008” einzusehen.

Einen schönen Gruß auch an die wackeren Mitstreiter, einer der Beiden, ein Kiwi, hat nun tatsächlich versucht eine monströse Banane quer zu essen. Aber guckt selbst.

Bei Peruns Gewinnspiel hat die Glücksfee doch glatt meinen Namen gezogen und nun bin ich stolzer Besitzer eines echten Simovic, stellt sich nur die Frage ob ich ihn an die Wand hängen oder ins Bücherregal stellen soll.

Danke! Ein Klick auf das Buch, führt zum Buch.

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:

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:

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:

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

Mein Zunge zeigender Smilie war Sebastian zu “ruckartig”:

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

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:

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