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.
Das Lächeln der Mona Lisa
nun kam es mir aber in Form eines Smilie-Plugins für WordPress abermals unter! Hans vom Tuxlog hat ein geniales Plugin mit dem Namen wp-Monalisa geschaffen und wenn er es mir gestattet, wird es mein Plugin ersetzen bzw. könnt ihr selber es bereits ersetzen.
Loading ...
