Archiv des Tags ‘Banner’

 1 2 3

20. April 2009Buttons & Banner Smilies

Bitte hier klicken um den gesamten Beitrag zu lesen: Buttons & Banner Smilies

9. April 2009Osterhasenohren für die Ecken

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:

<a id="fbutton01" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner rechts unten

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:

<a id="fbutton02" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner rechts oben

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:

<a id="fbutton03" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner links oben

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:

<a id="fbutton04" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner links unten

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:

<a id="fbutton01" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner rechts unten

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:

<a id="fbutton02" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner rechts oben

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:

<a id="fbutton03" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner links oben

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:

<a id="fbutton04" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner links unten

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

<style type="text/css">

und danach ein:

</style>

setzen.

Für alle Seiten, der Rundum-Eckbanner:

Rundum Rundum

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

2. Dezember 2008Der Weihnachtsmann muss in die Ecke!

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:

<a id="fbutton01" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner rechts unten

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:

<a id="fbutton02" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner rechts oben

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:

<a id="fbutton03" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner links oben

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:

<a id="fbutton04" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner links unten

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

<style type="text/css">

und danach ein:

</style>

setzen.

Für alle Seiten, der Rundum-Eckbanner:

Rundum

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!

11. November 2008Werbeplatz zu verschenken

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:

125x125

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

btw: Soll ich hier auch mal so etwas anbieten?

14. August 2008In die Ecke mit dir!

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:

<a id="fbutton01" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner rechts unten

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:

<a id="fbutton02" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner rechts oben

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:

<a id="fbutton03" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner links oben

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:

<a id="fbutton04" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>

So sieht es aus:

Eckbanner links unten

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:

Rundum

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!

 1 2 3

Smilie-Album