Tagesarchiv für den 2. Dezember 2008

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!


Smilie-Album