In die Ecke mit dir!

Der “Eckbanner” erfreut sich großer Beliebtheit, doch er hat ein kleines Manko! Er passt nur in die Ecke unten rechts. Darum liegt es für mich nun sehr nahe, auch die anderen Ecken mit einem Smilie zu beglücken – Kilroy war schließlich schon immer und überall vorher da.

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.

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_eckbanner01.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_eckbanner02.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_eckbanner03.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_eckbanner04.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

Auf meiner “leeren” Seite, habe ich mal alle vier Smilies eingebaut. Quasi als Demo. Mich wundert, dass die Seite bis jetzt noch keinem aufgefallen ist… es gab auch noch ein paar kleine Änderungen im Blog, aber keiner hat was dazu geschrieben.

Egal, wer einen Kilroy für alle Seiten haben will, bitte:

Rundum

PS: Wer mich mit diesem Eckbanner verlinken will und nicht auf grün steht, dem fertige ich auch einen Smilie in jeder anderen Wunschfarbe an!

Beliebte Beiträge:
1 Star2 Stars3 Stars4 Stars5 Stars (5 votes, average: 5.00 out of 5)
Loading ... Loading ...

62 Reaktionen zu “In die Ecke mit dir!”

  1. 1 Gucky

    Kann das sein, daß das mit gewissen Themes nicht läuft ?
    Ich wollte das einbauen (bei Diane) und es geht nicht.
    Den CSS-Teil habe ich eingetragen und auch den HTML-Teil.
    Bestimmt habe ich was falsch gemacht ? Aber mehr als die beiden Sachen eintragen braucht man doch nicht ? Oder ?
    Jaja… ich habe auch den Zeilenumbruch entfernt, sodaß alles in einer Reihe steht !

    AntwortenAntworten
  2. 2 Offizieller Kommentar michael

    Das sollte unabhängig vom Theme sein, bau es mal ein und schick mir den Link zur Seite wo es nicht geht, ich schau mir das dann an.

    AntwortenAntworten
  3. 3 Erni

    Mir fällt da grad was witziges ein. Mal sehen ob ich das irgendwann realisieren kann gebe dir dann Bescheid falls es klappen sollte… ::):

    AntwortenAntworten
  4. 4 Offizieller Kommentar michael

    Jetzt hast du mich neugierig gemacht! :???:

    AntwortenAntworten
  5. 5 AveN

    Lila – links &/ rechts unten.

    Danke ;)

    LG AveN

    AntwortenAntworten
  6. 6 Erni

    Ich muss erst einen passenden Smiley anfertigen, das wird wohl ein wenig dauern, aber vielleicht kann ich das ja Umsetzen. Wie gesagt melde mich wenn es geklappt hat…

    Ps. Igrendiwe kommen mir die Rechenaufgaben leichter vor. :ugly:

    AntwortenAntworten
  7. 7 Offizieller Kommentar michael

    Den Schwierigkeitsgrad bestimmen deine Mathe-Kenntnisse sowie der Zufallsgenerator für die Zahlen. :;):

    AntwortenAntworten
  8. 8 Seb

    Ich hab was ::D:
    Du hast oben im Header neue Smileys mit eingebaut!

    AntwortenAntworten
  9. 9 Offizieller Kommentar michael

    Jep, das ist schon mal eine Änderung! Fällt dir noch was auf? ::):

    AntwortenAntworten
  10. 10 Erni

    In dem Kommentarfeld hast du eine Grafik eingebaut, die unmissverständlich ausdrückt was man zu machen hat. :ugly:

    AntwortenAntworten
  11. 11 Offizieller Kommentar michael

    Stimmt! ::): Zwei weitere Änderungen gibt es noch, wobei die 2. davon eigentlich nicht wichtig ist und imho keinem außer mir auffallen kann.

    AntwortenAntworten
  12. 12 Gucky

    Mein "Problem" hat sich erledigt ! Weiß auch nicht wieso… :???:
    Ich habe nix weiter gemacht…
    Auf jeden Fall erscheint jetzt der Eckbanner HIER:

    AntwortenAntworten
  13. 13 Spielkind

    Nette Idee. Die Icons/Smilies passen extrem gut dazu!

    AntwortenAntworten
  14. 14 Freddus

    Just smile!

    AntwortenAntworten
  15. 15 Offizieller Kommentar michael

    Korrekt! Bravo

    Das andere, was keiner erraten wird, tritt nur beim Markieren von Text auf. Früher war das in diesem Standard-Blau, nun ist es grün, zu mindestens im Opera und Firefox.

    AntwortenAntworten
  16. 16 Freddus

    hey, das hatte ich auch schon bemerkt aber dann wieder vergessen ::):

    AntwortenAntworten
  17. 17 Offizieller Kommentar michael

    @ AveN

    Hast Post! :;):

    AntwortenAntworten
  18. 18 Offizieller Kommentar michael

    Ich habe die Darstellung des Codes geändert, nun lässt er sich 1:1 kopieren.

    AntwortenAntworten
  19. 19 Schöner coden und quoten - GreenSmilies

    [...] Beispiel sei mein “Eckbanner” genannt: Rechts [...]

  20. 20 Freddus

    die texteingabefelder bekommen einen orangenen rand, wenn sie den focus besitzen

    AntwortenAntworten
  21. 21 Offizieller Kommentar michael

    Heute geändert. :XD:

    AntwortenAntworten
  22. 22 Freddus

    sieht gut aus

    AntwortenAntworten
  23. 23 Offizieller Kommentar michael

    Danke.

    Habe lange an der Farbe herumgespielt, finde Orange nun am besten. Soll ja auch ne Signalwirkung haben.

    AntwortenAntworten
  24. 24 AveN

    Ja ist sehr nice… und orange bietet sich bei einem grünen Thema als Komplementär immer wieder an =)

    LG AveN

    AntwortenAntworten
  25. 25 Offizieller Kommentar michael

    Komplementär wäre ja Rosa, Lila, Pink, Rot … aber Orange tuts auch.

    AntwortenAntworten
  26. 26 AveN

    Nicht in der klassischen subtraktiven Farbmischung… da wird Neon-Grün von Orange gekontert… und die beiden Farben passen einfach vorzüglich zueinander…

    LG AveN

    AntwortenAntworten
  27. 27 Offizieller Kommentar michael

    Aha, kannte ich gar nicht, da habe ich wohl intuitiv die richtige Farbe genommen.

    AntwortenAntworten
  28. 28 AveN

    Ja, weil sie einfach gut passen und weil ein bissl Plan von Design dir zu eigen ist…. haste das Orange geändert? Oder muss ich meinen Monitor neu kalibrieren? Das hat nun einen deutlich höheren Rot-Anteil bei mir… das … hmm…

    WKR AveN

    P.S. Wo war noch einmal der Kommentar deiner Freundin, den ich noch nicht so Recht beantwortet hatte? Irgendwo bei den Batmans, oder?

    AntwortenAntworten
  29. 29 Offizieller Kommentar michael

    Ich habe nichts geändert!

    AntwortenAntworten
  30. 30 Sandra

    hallo! :winken:
    Ich habe kein CSS,::(: kann ich trotzdem iwie in HTML den Eckbanner nutzen? :???: Oder geht das nur in der Kombination? :hilfe:

    und noch ne zusatzaufgabe: bekommst du den eckbanner in orange hin? :god: das würde zu meiner hp passen! :ja:

    lg :girl:

    AntwortenAntworten
  31. 31 Offizieller Kommentar michael

    Auch du hast CSS, du verwendest es aber direkt in deinen HTML-Seiten, guck mal nach “style type=”text/css”" in deinen Dateien, danach muss der besagte CSS-Code eingebaut werden.

    Welche Ecke soll orange werden?

    AntwortenAntworten
  32. 32 Sandra

    :winken:
    Am liebsten wäre mir links unten.
    Und ich finde dieses style type nicht.
    Kann ich es auch einfach selbst einfügen? so nach dem Motto "

    AntwortenAntworten
  33. 33 Offizieller Kommentar michael

    @Sandra: Du hast Post!

    AntwortenAntworten
  34. 34 Marckrele

    :winken: ,

    wäre, passend zur Weihnachtszeit, nicht auch ein Kilroy mit Weihnachtsmütze was?
    wundert mich eigentlich, das miccom noch nicht auf die Idee gekommen ist ^^, genauso mit z.B. Ostern, etc. .
    :winken:

    AntwortenAntworten
  35. 35 Sandra

    Stimmt! Das wäre lustig… :bravo: :bravo: :bravo:

    AntwortenAntworten
  36. 36 Bieni

    ach ja büüüüüde einen weihnachtlichen,
    LG Nicole

    AntwortenAntworten
  37. 37 Der Weihnachtsmann muss in die Ecke! - GreenSmilies

    [...] zwar auf mehrfachen Wunsch, indem dem Eckbanner-Smilie einfach eine Mütze aufgesetzt [...]

  38. 38 Offizieller Kommentar Michael

    @Marckrele, @Sandra, @Bieni:
    Nun mit Mütze!:
    http://www.greensmilies.com/20.....-die-ecke/

    AntwortenAntworten
  39. 39 Bieni

    Moin Michael,

    würdest du mir einen in rot für unten rechts machen büüüüüüde
    LG Bieni

    AntwortenAntworten
  40. 40 Offizieller Kommentar Michael

    @Bieni: :winken:

    Du hast Post. :;):

    AntwortenAntworten
  41. 41 Player

    Hi
    Ich habe nen Problem mir dem der Rechts unten ist. (bei meiner Seite)
    Klick meinen Namen.
    Der funzuniert nur bei Firefox nicht bei ie. Warum?
    Bitte um rückmeldung.
    PS: hier bei dir funktunirt er auch bei ie.

    AntwortenAntworten
  42. 42 IEHASSER

    @Player: Lass mich raten, IE6?

    AntwortenAntworten
  43. 43 daszweiteich

    @Player: hast du einen doctype in deiner site (link http://de.wikipedia.org/wiki/D.....efinition) ??

    AntwortenAntworten
  44. 44 The blog

    @Player: Geht mir genauso

    @IEHASSER: Hab ich auch ::D:

    @daszweiteich: Schön dich wieder zu sehen :winken:

    AntwortenAntworten
  45. 45 Player

    @IEHASSER: nein IE8

    @daszweiteich: keine ahnung ob das in meinem Forum ist, weil das habe ich ja nicht selber Programiert.
    ich habe nur die Css geändert und dan auf der Startseite diesen code eingefügt.

    Aber komisch ist das ich ihn hier sehe.

    AntwortenAntworten
  46. 46 Offizieller Kommentar Michael

    @Player: In deinem Forum und im FF ist der Smilie dort wo er hingehört, ich werde das aber mal im IE8 testen.
    @The blog: Wo hast du das gleiche Problem? Beim Player sehe ich in der rechten unteren Ecke auch eine kleine Flash-Sache, event. deswegen klappts in manchen Browser nicht.

    AntwortenAntworten
  47. 47 daszweiteich

    @Player: wo ist denn dieser *äh* “Sticky” ?? *seh ihn nicht*

    AntwortenAntworten
  48. 48 Player

    “Sticky” was meinst du damit?
    KLick mal auf meinen Nick dan kommst du zu meiner Seite.
    und dan Rechts unten müsste einer sein.
    Aber der wird in ie8 nicht angezeigt.

    ::(: :sad2:

    AntwortenAntworten
  49. 49 daszweiteich

    @Player: hab jetzt ma ff 3.0.10 und sehe immer noch ncihts ?!?! (*hab bestimmt tomaten auf den Augen*)

    AntwortenAntworten
  50. 50 The blog

    @daszweiteich: guck mal ins Forum ::D:

    @Michael: beim mir klappt sieht man ihn aber er ist nicht in der Ecke sondern irgendwie unten in der Mitte der Seite
    schicke dir einen screenshot von dem

    P.s.: sie haben post

    @Player:

    Hab was in deine shotbox geschrieben, die site sieht cool aus

    AntwortenAntworten
  51. 51 Offizieller Kommentar Michael

    @The blog: Bei deinem Screenshot sehe ich einen IE6 und nicht den 8er bzw. 7er!

    AntwortenAntworten
  52. 52 The blog

    @Michael: Ja, hab nur IE6, welches Infofenster meinst du

    AntwortenAntworten
  53. 53 IEHASSER

    Wusste ich doch! Der IE6 kann das nicht und sollte auch schon lange nicht mehr produktiv eingesetzt werden!

    AntwortenAntworten
  54. 54 The blog

    @IEHASSER: Mein FF hängt sich immEr nach ein paar sekunden auf und die CPU-Auslastung liegt dann bei 100%. Ie7 oder 8 kann er irgendwie nicht installieren. Ich müsste ihn dringend neuinstallieren hab aber irgendwie keine Lust und schieb das so schon seit Silvester vor mir her ::D:

    AntwortenAntworten
  55. 55 Player

    @daszweiteich: Ja kan sein
    @The blog: Danke für das kompliement. Meld dich doch an. Wir brauchen noch mitglieder.
    @IEHASSER: Ja IE6 is scheiße, aber IE8 nicht.

    @alle die mir helfen wollten: Habe jetzt das NAchrichten Fenster mal leer gemacht und jeden einzelnen Code noch mal reingemacht. Und die Smieley Code habe ich nochmal von hier kopiert.
    Und jetzt gehts. :shocked:

    :XD: :XD: :XD: :XD: :XD: :ja:

    ich weiß aber nicht warum. :???: :???: :???:

    Aber jetzt ist alles gut. :XD:

    AntwortenAntworten
  56. 56 Offizieller Kommentar Michael

    @The blog: IEHASSER hat leider Recht, der IE6 ist nicht mehr zu empfehlen. Dein instabiles System könnte eventuell ja wegen einer IE Lücke so kaputt sein.

    Wenn IE, dann wenigstens immer den aktuellsten oder Alternativen wie Opera und Firefox.

    AntwortenAntworten
  57. 57 The blog

    @Michael: Ja, ich machs in nächster Zeit neu ::D:

    AntwortenAntworten
  58. 58 daszweiteich

    @Player: jetzt sehe ichs ::D:

    AntwortenAntworten
  59. 59 Player

    Hi
    Jetzt habe ich 4 stück.
    Zwei im Portal und zwei im Forum
    Beide unten.
    Bald kommen auch noch die oben dazu.
    :XD: ::D:

    AntwortenAntworten
  60. 60 Stephan

    Hi,
    ist es auch möglich, dies in ein phpBB Forum einzubauen? :-)

    AntwortenAntworten
  61. 61 Offizieller Kommentar Michael

    Das kannst du in alle Seiten einbauen. Welches phpBB? Beim 3er gehört halt alles in die style.css und in die overall_footer.html

    AntwortenAntworten
  62. 62 Katrin

    Hey, ich mag Kilroy. Dankeschön!!

    AntwortenAntworten

Einen Kommentar schreiben

::D: 
:XD: 
:ugly: 
:;): 
::): 
:sad2: 
:roll: 
::P: 
:ups: 
::o: 
:freu: 
:freu2: 
:lachtot: 
:motz: 
:shocked: 
:???: 
:skepsis: 
:irre: 
:hilfe: 
:wallbash: 
:god: 
::(: 
:zensur: 
:hurra: 
:bravo: 
:pfeif: 
:ja: 
:nein: 
:maul: 
:doh: 
:girl: 
:winken: 
 

Du akzeptierst mit dem Absenden meine Datenschutzerklärung!


Abonnieren ohne einen Kommentar abzugeben


Smilie-Album