Jeder kennt die Favicons in den Browserleisten und dern Bookmarks. Sie dienen der besseren Auffindbarkeit und dem steigern des Wiedererkennungswert.

 

Eben diesen Effekt kann man steigern in dem man ein animiertes Favicon benutzt.ie man das macht möchte ich hier erklären - das ganze auf Bitte von Angie.

Beispiel

siehe die Browser-Adressleiste dieser Seite wenn du einen nicht Mircosoft Internet Explorer benutzt. Meines Wissens geht das in allen modernen Browsern, soll heissen Opera, Konquoror, Netscape, Mozilla und seine Freunde (z.B. FireFox)

<div>

How To

</div>

Da Typo3 eine Browsererkennung mitliefert ist das an sich ganz einfach. Nur das ich nichts zum Thema gefunden habe. Also hab ich mich entschlossen selbst ein Tutorial zu schreiben.

 

Folgenden Code muss man einfach nur in das Haupttemplate einbinden und schon läuft das ganze...

[browser = msie]
	page.headerData {
		20 = TEXT
		20.value = <link rel="shortcut icon" href="fileadmin/templates/favicon.ico" type="image/x-icon" />
	}
[else]
	page.headerData {
		20 = TEXT
		20.value = <link rel="icon" href="fileadmin/templates/favicon.gif" type="image/gif" />
	}
[global]

Comments are disabled for this post.

0 comments