In die Ecke mit dir!
(5 votes, average: 5 out of 5)
Loading ...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:
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:
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:
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:
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:
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:
Loading ...
Am 15. August 2008 um 05:02 Uhr.
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 !
Am 15. August 2008 um 09:28 Uhr.
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.
Am 15. August 2008 um 12:54 Uhr.
Mir fällt da grad was witziges ein. Mal sehen ob ich das irgendwann realisieren kann gebe dir dann Bescheid falls es klappen sollte…
Am 15. August 2008 um 12:59 Uhr.
Jetzt hast du mich neugierig gemacht!
Am 15. August 2008 um 14:09 Uhr.
Lila - links &/ rechts unten.
Danke ;)
LG AveN
Am 15. August 2008 um 15:13 Uhr.
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.
Am 15. August 2008 um 15:15 Uhr.
Den Schwierigkeitsgrad bestimmen deine Mathe-Kenntnisse sowie der Zufallsgenerator für die Zahlen.
Am 15. August 2008 um 15:23 Uhr.
Ich hab was
Du hast oben im Header neue Smileys mit eingebaut!
Am 15. August 2008 um 15:36 Uhr.
Jep, das ist schon mal eine Änderung! Fällt dir noch was auf?
Am 15. August 2008 um 15:47 Uhr.
In dem Kommentarfeld hast du eine Grafik eingebaut, die unmissverständlich ausdrückt was man zu machen hat.
Am 15. August 2008 um 15:52 Uhr.
Stimmt!
Zwei weitere Änderungen gibt es noch, wobei die 2. davon eigentlich nicht wichtig ist und imho keinem außer mir auffallen kann.
Am 15. August 2008 um 16:33 Uhr.
Mein "Problem" hat sich erledigt ! Weiß auch nicht wieso…
Ich habe nix weiter gemacht…
Auf jeden Fall erscheint jetzt der Eckbanner HIER:
Am 15. August 2008 um 23:07 Uhr.
Nette Idee. Die Icons/Smilies passen extrem gut dazu!
Am 16. August 2008 um 13:00 Uhr.
Just smile!
Am 16. August 2008 um 13:42 Uhr.
Korrekt!
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.
Am 16. August 2008 um 17:49 Uhr.
hey, das hatte ich auch schon bemerkt aber dann wieder vergessen
Am 17. August 2008 um 02:54 Uhr.
@ AveN
Hast Post!
Am 26. August 2008 um 17:03 Uhr.
Ich habe die Darstellung des Codes geändert, nun lässt er sich 1:1 kopieren.
Am 27. August 2008 um 11:11 Uhr.
[...] Beispiel sei mein “Eckbanner” genannt: Rechts [...]
Am 29. August 2008 um 19:08 Uhr.
die texteingabefelder bekommen einen orangenen rand, wenn sie den focus besitzen
Am 29. August 2008 um 19:50 Uhr.
Heute geändert.
Am 29. August 2008 um 20:14 Uhr.
sieht gut aus
Am 29. August 2008 um 20:17 Uhr.
Danke.
Habe lange an der Farbe herumgespielt, finde Orange nun am besten. Soll ja auch ne Signalwirkung haben.
Am 29. August 2008 um 23:50 Uhr.
Ja ist sehr nice… und orange bietet sich bei einem grünen Thema als Komplementär immer wieder an =)
LG AveN
Am 29. August 2008 um 23:56 Uhr.
Komplementär wäre ja Rosa, Lila, Pink, Rot … aber Orange tuts auch.
Am 30. August 2008 um 00:23 Uhr.
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
Am 31. August 2008 um 18:07 Uhr.
Aha, kannte ich gar nicht, da habe ich wohl intuitiv die richtige Farbe genommen.
Am 1. September 2008 um 01:03 Uhr.
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?
Am 1. September 2008 um 07:48 Uhr.
Ich habe nichts geändert!
Am 24. Oktober 2008 um 16:34 Uhr.
hallo!
Ich habe kein CSS,::(: kann ich trotzdem iwie in HTML den Eckbanner nutzen? 
Oder geht das nur in der Kombination? 
und noch ne zusatzaufgabe: bekommst du den eckbanner in orange hin?
das würde zu meiner hp passen! 
lg
Am 24. Oktober 2008 um 16:43 Uhr.
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?
Am 24. Oktober 2008 um 18:46 Uhr.
Und ich finde dieses style type nicht.
Kann ich es auch einfach selbst einfügen? so nach dem Motto "
Am 28. Oktober 2008 um 20:47 Uhr.
@Sandra: Du hast Post!
Am 25. November 2008 um 20:41 Uhr.
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. .
Am 26. November 2008 um 11:24 Uhr.
Stimmt! Das wäre lustig…
Am 2. Dezember 2008 um 10:27 Uhr.
ach ja büüüüüde einen weihnachtlichen,
LG Nicole
Am 2. Dezember 2008 um 23:44 Uhr.
[...] zwar auf mehrfachen Wunsch, indem dem Eckbanner-Smilie einfach eine Mütze aufgesetzt [...]
Am 3. Dezember 2008 um 00:24 Uhr.
@Marckrele, @Sandra, @Bieni:
Nun mit Mütze!:
http://www.greensmilies.com/2008/12/02/der-weihnachtsmann-muss-in-die-ecke/