Eckbanner
Felix hat mich auf die Idee gebracht, den kleinen Smilie aus meiner Ecke zum Verlinken anzubieten. Gesagt, getan!
Zu allererst benötigt ihr ein klein wenig CSS:
a#fbutton {
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_eckbanner01.gif) bottom right no-repeat;
display: block;
}
Das fett geschriebene müsst ihr durch euren Pfad zum Bild ersetzen! Der Code selbst gehört in eine CSS-Datei eurer Wahl, bei WordPress ist das meist die style.css in eurem Theme-Ordner. Achja, der fett geschriebene Teil gehört in eine Zeile, ich habe da nur einen Umbruch eingesetzt, um mein Layout hier nicht zu sprengen! Dann braucht ihr natürlich noch das Bild selbst:
(Rechts anklicken und speichern, darauf könnt ihr verzichten, wenn ihr die Direkt-Verlinkung aus dem CSS-Code beibehält! Achtet darauf, dass die komplette URL in einer Zeile steht.)
Zum Schluss braucht ihr noch eine Zeile HTML-Code, welchen ihr vor dem Ende des body-Tags einbaut, also ans Ende der Seite.
<a id="fbutton" href="http://www.greensmilies.com/">Smileys by GreenSmilies.com</a>
Fertig!
Leider funktioniert die Positionierung in der rechten unteren Ecke nur bei Browsern, die mit “fixed” umgehen können, der Internet Explorer 6 ist einer der Kandidaten, der das nicht beherrscht. Alle anderen Browser sollten den Smilie korrekt darstellen, war ja klar, das nur Microsoft so etwas nicht gebacken bekommt.
Zum Schluss noch ein Schildersmilie mit welchem ich mein Smilie-Album gerne verlinke.
Lade ...
