GreenSmilies

Nach einem Fehlstart ist es nun endlich passiert, der 500.000 absolut eindeutige Besucher (laut Google Analytics) hat sich gestern bei mir eingefunden (Google Analytics hinkt immer einen Tag hinterher):

“Normale” Besucher waren es bis dato …

Hiermit möchte ich allen 500.000 nochmals mit einem freundlichen Händeschütteln danken:

PS: Eigentlich wollte ich exakt 500.000 Mal den Smilie die Hand schütteln lassen, aber leider liegt das Limit bei 30.000, naja, Glück für alle die die Animation bis zum Ende betrachten wollen.

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

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_xmas_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_xmas_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_xmas_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_xmas_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:

Der CSS-Code lässt sich auch in den Header eines HTML-Dokuments einbauen, dazu muss man aber vor den CSS-Code ein:

<style type="text/css">

und danach ein:

</style>

setzen.

Für alle Seiten, der Rundum-Eckbanner:

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!

Man merkt, ich werde alt, hab ich doch letztens glatt vergessen dem Batman-Smiley-Set einen eigenen Download im kostenlosen Downloadbereich zu bescheren. Das habe ich hiermit nachgeholt.

Hier geht es direkt zu den Sets.

Wer nun denkt, das “kostenlos” war Absicht, der liegt absolut richtig. Das nächste Mal schreibe ich “free Downloads” oder “freier Downloadbereich” oder was auch immer, ich muss hier einfach ein paar mal die Worte “free” und “kostenlos” unterbringen, dem Google zu liebe. Aber ich steh immerhin dazu.

Ich habe außerdem einen Fehler in den phpBB pak-Dateien Indianer, Cowboys und Kings behoben. Die Größenangaben waren im Falle der phpBB 3 Dateien falsch und bei den Cowboys waren in beiden Files die Dateinamen falsch. Sorry.

Möchte kurz ein Danke an Monika für ihren “pre und overflow auto“-Beitrag schicken, lange hatte ich nämlich nach einer Lösung gesucht HTML- und CSS-Code hier schön in Beiträge einzubinden, dabei war die Lösung mittels pre-Tag doch so Nahe. Overflow sei Dank!

Mein Hauptproblem waren lange Codezeilen, die ich umbrechen musste, was aber wiederum eine zusätzliche Fehlerquelle für die Empfänger des Codes darstellte. Mittels overflow im pre-Tag wird das ganze nun in eine Box gesteckt, welche bei Bedarf einen Scrollbalken bereit hält.

Als Beispiel sei mein “Eckbanner” genannt:

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:

Fesch, oder? Danke Monika!

Neu ist auch ein kleines aber feines Plugin, namens @ Reply, in den Kommentaren. Neben dem Namen des Kommentierenden findet ihr einen kleinen Pfeil. Bezieht sich eure Antwort also auf den Kommentar eines Vorgängers, klickt ihr einfach auf den Pfeil und es wird ein @Username samt Link in die Kommentarbox eingefügt, danach folgt euer Text. Ich finde das sehr nützlich.

So, nun arbeitet hier auch wieder der letzte Stand unter der Haube. Es scheint auch noch alles zu funktionieren, eventuell von euch bemerkte Unauffälligkeiten, bitte ich hier zu melden. Danke.

PS: Zeit für neue Smilies?