GreenSmilies

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:

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:

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:

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:

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:

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:

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:

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:

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:

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