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(https://www.greensmilies.com/smile/smiley_emoticons_eckbanner01.gif) bottom right no-repeat;
display: block;
}
Den Pfad 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. 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="https://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.
Ich hab mit Opera keine Probleme hier =)
@micha – Magste nicht mal die Browserstatistiken deiner Seite veröffentlichen? ^^ Brav mit smileys? ^^
Btw. nicht alles von Microsoft ist schlecht.. die Betriebsysteme sind zwar Mist, aber die besten Consumer-OS die es gibt. Und die Entwicklerwerkzeuge sind echt gut.
LG AveN
Die letzte ist vom Dezember:
https://www.greensmilies.com/2007/12/03/browserstatistik/
@Saya: Nein, ich benutze den IE7 und der versteht "fixed". Sonst würde der Smiley hier auf greensmilies.com ja auch nicht in der Ecke sein…
@felix: sry ^^" i dacht du hast nich die geringste ahnung und so… sry, ich kenn zu viele vollidiotn, die einfach nix checkn… tut mir echt leid, falls du dich jetz beleidigt gefühlt hast, oda so ^^" i wollt eigentlich nur darauf hinweisen, dass da was seltsam is.. letztendlich wars voll sinnlos was ich geschrieben hab :ups:
@den rest: danke ^^ klappt jetz alles wieder ordentlich bei mir ^^
Schon ok^^
Bei mir geht’s zwar immer noch nicht, aber bei allen anderen Forennutzern. Da sind mir die 100 Pixel zu viel halt mal egal ;]
JAAAAH! Ich hab herausgefunden warum das nicht ging! Ich hatte den Browser nicht in den standartkonformen Modus geschaltet. Am Anfang hat die Zeile:
gefehlt. :wallbash: :XD:
Das kannst du vieleicht noch in deinen Eintrag mit übernehmen, für die die das selbe Problem haben und zu faul sind die Kommentare zu lesen :;):
Schick mir die Zeile mal per E-Mail oder poste sie im code-Tag, WordPress frisst die sonst und ich habe noch nicht genau verstanden was du meinst.
Ups sorry^^ Ich hatte das gar nicht nochmal durchgelesen… :ups:
Das ist ja eigendlich standart das man die Zeile mit einbindet, aber ich hab das irgendwie versäumt….
Das sollte jeder selber festlegen, aber danke dir steht es nun ja in den Kommentaren.
Pingback: Eckbanner Nachschlag - GreenSmilies
Ich hab das bei mir jetzt auch eingebaut. Vielen Dank für diese tolle Idee.
Poste mal einen Link zur Seite.
Pingback: Kilroy was here! - GreenSmilies
Huhu Michael,
Du hast mir ja vor einiger Zeit mal angeboten, dass ich mir Deine Ecksmileys holen kann…damals hatte ich an der Stelle noch meinen eigenen Banner…jetzt habe ich ein anderes layout und nun kommen Deine genialen Smileys zum Einsatz! Wirken vielleicht nicht ganz so gut bei mir, da ich einen gemusterten HG habe…aber ich finde sie trotzdem sooo süß!!! Danke! ::):
Pingback: Quicky: Star Wars Ober-Jedi Yoda - GreenSmilies
@Ute: Sehr schick, dein Layout ist!