Osterhasenohren 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(https://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="https://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(https://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="https://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(https://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="https://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(https://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="https://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(https://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="https://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(https://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="https://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(https://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="https://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(https://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="https://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.