Eckbanner

1 Stern - Mieser Beitrag!2 Sterne - Interessiert keinen.3 Sterne - Durchschnittlich...4 Sterne - Gut gemacht!5 Sterne - Spitze! (10 votes, average: 4.8 out of 5)
Loading ... Loading ...

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:

Smileys by GreenSmilies.com
(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.

Smileys by GreenSmilies.com

Beliebte Beiträge:

33 Reaktionen zu “Eckbanner”

  1. 1 Sebastian

    Tolle "Banner"! Smilie by GreenSmilies.com

  2. 2 Calaelen

    "Leider funktioniert die Positionierung inur bei Browsern, die mit “fixed” umgehen können, der Internet Explorer 6" […]

    Wie du schon sagtest, funktioniert nur bei Browsern. IE6 ist ein Krampf, aber kein Browser!

    *erinner an unseren Email Dialog bzgl. JS-Fehler in IE6*

  3. 3 prinzzess

    WIE GEIL! suuuper!

  4. 4 Felix

    Also erst mal: Danke! Aber bei mir fuktioniert es nicht ::(: Am Browser kann es nicht liegen weil es hier ja auch klappt. [url=”http://efg9b.ef.funpic.de/phpBB2/index.php”]|Link zu meinem Forum|[/url] (Falls jemand auf die Idee kommen sollte sich zumelden: Das Forum ist nur für meine Klasse zugänglich :;):)
    Wenn das aber genau der Code ist den du auch benutzt müsste es ja eigendlich klappen… :hilfe:

  5. 5 Felix

    Erst mal:Danke ::):

    Nur gibt’s schon ein Problem. Es wird nich da angezeigt wo es eigendlich hinsoll… :motz:
    Am Browser kann es nicht liegen, weil es ja hier auch funktioniert. Am Code auch nicht (Ich hab extra noch in deiner *.css nachgeguckt ob du nicht vieleicht nen Fehler gemacht hast^^)
    Aber woran kann das sonst noch liegen? *ratlosigkeit*
    Hier mal der Link zu ‘ner Testseite von meinem Forum: http://efg9b.ef.funpic.de/test.html
    (Ja ich weiß, das Layout ist WkW ein klein bisschen ähnlich :ugly: )

  6. 6 Offizieller Kommentar michael

    Der Zeilenumbruch in der URl im CSS muss raus, steht auch oben! :;:)

  7. 7 Felix

    Mhhh. Klappt immer noch nicht ::(: :hilfe: Der Smilie wurde ja auch schon angezeigt als der Zeilenumbruch noch da war und das Bild ist ja nur in dieser Zeile definiert…

  8. 8 Offizieller Kommentar michael

    Bei mir gehts, leere deinen Browser-Cache! Z.B. SHIFT + mit der Maus reload drücken.

  9. 9 Wanda

    Bei mir wird der Smilie auch im IE richtig angezeigt? Weiss nicht, was du hast…?

  10. 10 Offizieller Kommentar michael

    Du hast vermutlich einen IE > 6

  11. 11 Wanda

    Aha! :ugly: Könnte gut sein, ich verwende aber für gewöhnlich nur FF. :lachtot:

  12. 12 Felix

    Chache ist gelöscht. Und was passiert? Nix. .____.
    Naja ich warte einfach mal. Das hat schonmal geholfen. Hab zwar keine Ahnung warum, aber da war so ein Ähnliches Problem, wo man auch den Browser-Chache löschen musste… Da ging’s 2 Stunden danach plötzlich.^^

  13. 13 Offizieller Kommentar michael

    es geht aber definitiv auf deiner Seite! :;): Probier mal einen anderen Browser, wenn es dann immer noch nicht geht, dann hängst du an einem Proxy-Cache.

  14. 14 Felix

    Ahhhh. Im FF geht’s. Super! ::):
    Der IE braucht wohl nur seine Zeit^^

  15. 15 Mttao

    ::D:ich LIEBE diese Smilies ::): habe eine Frage. Darf man deine Smilies downloaden und umpainten und diese dann in einem Forum nutzen, wenn ich deine Seite im Forum verlinke? :hilfe:

  16. 16 Offizieller Kommentar michael

    Was verstehst du genau unter “umpainten” bzw. was hast du den genau vor daran zu ändern?

  17. 17 SuMu

    früher sagte man dazu umfärben :lachtot:

  18. 18 Loilo

    @Felix: Welche IE-Version hast du?
    Der IE < Version 7 kennt das CSS-Attribut "fixed" nicht, das dafür sorgt, dass der Smiley in der unteren rechten Ecke erscheint.

    Mögliche Lösung wäre das:
    http://artikel.fabrice-pascal.de/posfixedie6/2/
    Wobei natürlich die Frage ist, ob du dir das für einen Smiley antun willst :;):

  19. 19 Offizieller Kommentar michael

    @ SuMu

    Das dachte ich mir schon, ich wollte nur sicher gehen, dass auch wirklich nur das reine Umfärben gemeint ist!

    @ Loilo

    IE 6 gehört sowieso vom Markt, von daher kein Support für diesen Krüppelbrowser.

  20. 20 Loilo

    Natürlich gehört der vom Markt, aber was soll man machen - muss man halt auch unterstützen…

    http://barrierefrei.e-workers.de/images/wsp3.gif :;):

  21. 21 AveN

    Ich werde den ganz sicher nicht unterstützen… meine kommende Seite wird lesbar sei nfür den ie6, aber absolut hässlich.. und das ist mir egal!!

    LG AveN

  22. 22 Loilo

    Schreib doch hin: "Sie benutzen einen absolut veralteten, strohdoofen und gemeingefährlichen Browser!" (Denn das ist der Internet Explorer mit Sicherheit…)

    :XD:

  23. 23 Saya

    Also wirklich, du untertreibst mal wieder, lolo…
    du hast lahmarschig, hirnrissig und :motz: - Anfälle hervorrufend vergessen. oh, ach und natürlich hast du vergessen zu sagen: von microsoft (ersetzt alle eben genannten attribute :;): )

    @felix:
    heißt das, du hast die ganze zeit gefragt warum das nicht funktioniert und dabei ie benutzt, obwohl oben stand, dass es im ie nicht funktioniert? :wallbash:
    nichts gegen dich, aber wenn da steht:
    "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."
    dürfte es eigentlich klar sein, dass man das nicht mit ie öffnet, oder sich wenn man es damit öffnet sich wenigstens nicht darüber beschwert, dass es nicht funktioniert.

    @alle:
    wie mir aufgefallen ist vertauscht mein opera öfters ma die smileys auf deiner seite… (grade ebend auch… wenn beim motz-smiley shocked angezeigt wird, kann da ja was nich stimmen) Hab keine Ahnung was ich machn muss, damit opera das wieder auf die reihe kriegt… Ich hätt natürlich lolo ausquetschn könn, aber wo ich schonmal beim schreiben bin, dacht ich mir ich schreib das gleich nochma dazu.

    Mfg Saya

    edit: huch? bisschen lang..

  24. 24 Offizieller Kommentar michael

    Lang, macht doch nichts!

    Probier mal den Cache deines Opera zu leeren, mir ist aber so etwas noch nie zu Ohren kommen… ich kenn da aber zwei Opera-User, vielleicht haben die eine Idee.

  25. 25 Offizieller Kommentar michael

    @ Saya

    Kann es sein, dass es an der Ladeverzögerung liegt, also ein Smilie nach dem Laden des Motz-Smiley geladen wird und dann verschoben wird?

  26. 26 AveN

    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

  27. 27 Offizieller Kommentar michael

    Die letzte ist vom Dezember:
    http://www.greensmilies.com/2007/12/03/browserstatistik/

  28. 28 Felix

    @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…

  29. 29 Saya

    @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 ^^

  30. 30 Felix

    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 ;]

  31. 31 Felix

    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 :;):

  32. 32 Offizieller Kommentar michael

    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.

  33. 33 Felix

    Ups sorry^^ Ich hatte das gar nicht nochmal durchgelesen…:ups:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">:
    Das ist ja eigendlich standart das man die Zeile mit einbindet, aber ich hab das irgendwie versäumt….

Einen Kommentar schreiben

Du akzeptierst mit dem Absenden meine Datenschutzerklärung!

Subscribe without commenting


Smilie-Album