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(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.

Dieser Beitrag wurde unter Green Smilies abgelegt und mit , , , , verschlagwortet. Setze ein Lesezeichen auf den Permalink.

7 Kommentare zu Osterhasenohren für die Ecken

  1. Cala sagt:

    :bravo: :god:

    Gleich mal in meine beiden Blogs eingebunden.

  2. Torsten sagt:

    Das sind sie ja, die kleinen Eckhasen.
    Danke. :god:

  3. Loilo sagt:

    Saya sitzt grad neben mir der meint die Ohren bei den Hasen am oberen Rand müssten nach unten hängen… ::D:

  4. Bleedingart sagt:

    Die bleiben doch noch oder? Weil mein PC im Eimer ist kann ich nichts mehr tun. *heul*

  5. Patti sagt:

    Vielen lieben Dank, direkt Osterstimmung ;)

    Dir auch Frohe Ostern Michael und dicke Eier ::):

  6. The blog sagt:

    Cool

  7. Michael sagt:

    Euch auch allen frohe Ostern!

Kommentare sind geschlossen.