GreenSmilies » Banner

Buttons & Banner Smilies

Michael — Mon, 20 Apr 2009 13:52:27 +0000

Hilfe! | Smilie-Album-Übersicht

No Nofollow!

Technorati

GreenSmilies

Sysadminday 06

Sysadminday 07

Sysadminday 08

Osterhasenohren für die Ecken

Michael — Thu, 09 Apr 2009 09:47:14 +0000

Nach dem Weihnachtsmann, muss auch der Osterhase in die Ecke! Ihr könnt den Code für den CSS-Bereich gerne 1:1 kopieren und den Smilie direkt verlinken. Alternativ könnt ihr den Smilie natürlich auch bei euch raufladen und eure Adresse zum Bild eintragen.

Weiße Ohren

Rechts unten:

CSS:

a#fbutton01 {
	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_ostern_eckbanner01a.gif) bottom right no-repeat;
	display: block;
}

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Rechts oben:

CSS:

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

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Links oben:

CSS:

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

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Links unten:

CSS:

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

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Braune Ohren

Rechts unten:

CSS:

a#fbutton01 {
	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_ostern_eckbanner01b.gif) bottom right no-repeat;
	display: block;
}

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Rechts oben:

CSS:

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

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Links oben:

CSS:

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

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Links unten:

CSS:

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

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Der CSS-Code lässt sich auch in den Header eines HTML-Dokuments einbauen, dazu muss man aber vor den CSS-Code ein:

setzen.

Für alle Seiten, der Rundum-Eckbanner:

Weitere Oster-Smilies findet ihr natürlich im Smilie-Album.

Der Weihnachtsmann muss in die Ecke!

Michael — Tue, 02 Dec 2008 22:43:57 +0000

Und zwar auf mehrfachen Wunsch, indem dem Eckbanner-Smilie einfach eine Mütze aufgesetzt wird.

Ihr könnt den Code für den CSS-Bereich gerne 1:1 kopieren und den Smilie direkt verlinken. Alternativ könnt ihr den Smilie natürlich auch bei euch raufladen und eure Adresse zum Bild eintragen.

Rechts unten:

CSS:

a#fbutton01 {
	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_xmas_eckbanner01.gif) bottom right no-repeat;
	display: block;
}

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Rechts oben:

CSS:

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

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Links oben:

CSS:

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

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Links unten:

CSS:

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

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Der CSS-Code lässt sich auch in den Header eines HTML-Dokuments einbauen, dazu muss man aber vor den CSS-Code ein:

setzen.

Für alle Seiten, der Rundum-Eckbanner:

PS: Wer mich mit diesem Eckbanner verlinken will und nicht auf grün steht, dem fertige ich auch einen Smilie in jeder anderen Wunschfarbe an!

Werbeplatz zu verschenken

Michael — Tue, 11 Nov 2008 17:12:56 +0000

Wer nicht wirbt, der stirbt!

Beim “Alter Falter!” gibt es einen Banner-Platz für lau und wenn er mich mitmachen lässt, dann gibt es dort bald diesen Banner zu sehen:

Ob dieser Banner wohl Neugierde weckt? Es wird sich weisen.

btw: Soll ich hier auch mal so etwas anbieten?

In die Ecke mit dir!

Michael — Thu, 14 Aug 2008 21:21:00 +0000

Der “Eckbanner” erfreut sich großer Beliebtheit, doch er hat ein kleines Manko! Er passt nur in die Ecke unten rechts. Darum liegt es für mich nun sehr nahe, auch die anderen Ecken mit einem Smilie zu beglücken – Kilroy war schließlich schon immer und überall vorher da.

Ihr könnt den Code für den CSS-Bereich gerne 1:1 kopieren und den Smilie direkt verlinken. Alternativ könnt ihr den Smilie natürlich auch bei euch raufladen und eure Adresse zum Bild eintragen.

Rechts unten:

CSS:

a#fbutton01 {
	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;
}

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Rechts oben:

CSS:

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

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Links oben:

CSS:

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

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Links unten:

CSS:

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

Diese Zeile HTML-Code, fügt ihr vor dem Ende des body-Tags, auf einer jeden Seite wo der Smilie erscheinen soll, ein:

Smileys by GreenSmilies.com

So sieht es aus:

Auf meiner “leeren” Seite, habe ich mal alle vier Smilies eingebaut. Quasi als Demo. Mich wundert, dass die Seite bis jetzt noch keinem aufgefallen ist… es gab auch noch ein paar kleine Änderungen im Blog, aber keiner hat was dazu geschrieben.

Egal, wer einen Kilroy für alle Seiten haben will, bitte:

PS: Wer mich mit diesem Eckbanner verlinken will und nicht auf grün steht, dem fertige ich auch einen Smilie in jeder anderen Wunschfarbe an!

Mehr Userbars

Michael — Wed, 16 Jul 2008 16:33:51 +0000

Es gibt zwei neue Userbars von Usern für User, einmal von Mttao:

Code:

Und einmal eine von Mary:

Code:

Eckbanner Nachschlag

Michael — Thu, 22 May 2008 21:58:32 +0000

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.

Smileys by GreenSmilies.com

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:

Eckbanner

Michael — Sat, 26 Apr 2008 16:16:28 +0000

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.

Smileys by GreenSmilies.com

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.

User generated Content

Michael — Fri, 04 Apr 2008 13:41:28 +0000

“User Generated Content” ist ja momentan eines der Buzz-Words im Web 2.0, dass sich aber schon jetzt so viele an der grünen Mission beteiligen, hätte ich nicht erwartet. Freddus, Chulio, EaZy, Loilo, Sebastian und Pierre sind bislang im Smilie-Album vertreten.

Aber ich bekomme nicht nur Smilies, von Quali gab es sogenannte Userbars zum Einfügen in die eigene Signatur.

Userbar 1:

Userbar 2:

Userbar 3:

Userbar 4:

Einen Smilie hat er dann auch noch gemacht! Den Bier trinkenden Vampir:

SKOL!

Link Love

Michael — Mon, 21 Jan 2008 22:42:48 +0000

Laura wollte mich mit einem Banner oder Button in ihrem Forum verlinken und hat meine Banner und Buttons übersehen. Einer ihrer User hat sich dann am Technorati-Button meiner Partnerseite vergriffen und daraus einen neuen Button angefertigt. Da dieser aber nicht mehr animiert war, habe ich etwas nachgebessert.

Gleiches habe ich dann auch mit dem Technorati-Button aus der Technorati Blogketten-Aktion gemacht.

Viel Spaß und Danke beim Verlinken!