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(https://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="https://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(https://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="https://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(https://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="https://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(https://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="https://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!
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 !
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.
Mir fällt da grad was witziges ein. Mal sehen ob ich das irgendwann realisieren kann gebe dir dann Bescheid falls es klappen sollte… ::):
Jetzt hast du mich neugierig gemacht!
Lila – links &/ rechts unten.
Danke
LG AveN
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:
Den Schwierigkeitsgrad bestimmen deine Mathe-Kenntnisse sowie der Zufallsgenerator für die Zahlen. :;):
Ich hab was ::D:
Du hast oben im Header neue Smileys mit eingebaut!
Jep, das ist schon mal eine Änderung! Fällt dir noch was auf? ::):
In dem Kommentarfeld hast du eine Grafik eingebaut, die unmissverständlich ausdrückt was man zu machen hat. :ugly:
Stimmt! ::): Zwei weitere Änderungen gibt es noch, wobei die 2. davon eigentlich nicht wichtig ist und imho keinem außer mir auffallen kann.
Mein "Problem" hat sich erledigt ! Weiß auch nicht wieso…
Ich habe nix weiter gemacht…
Auf jeden Fall erscheint jetzt der Eckbanner HIER:
Nette Idee. Die Icons/Smilies passen extrem gut dazu!
Just smile!
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.
hey, das hatte ich auch schon bemerkt aber dann wieder vergessen ::):
@ AveN
Hast Post! :;):
Ich habe die Darstellung des Codes geändert, nun lässt er sich 1:1 kopieren.
Pingback: Schöner coden und quoten - GreenSmilies
die texteingabefelder bekommen einen orangenen rand, wenn sie den focus besitzen
Heute geändert. :XD:
sieht gut aus
Danke.
Habe lange an der Farbe herumgespielt, finde Orange nun am besten. Soll ja auch ne Signalwirkung haben.
Ja ist sehr nice… und orange bietet sich bei einem grünen Thema als Komplementär immer wieder an =)
LG AveN
Komplementär wäre ja Rosa, Lila, Pink, Rot … aber Orange tuts auch.