5x bewertet

FavIcon

von yumi  |  24.03.2007 um 12:36 h
Html Grundlagen
Typ: Html Grundlagen
Stufe:Einfach
Ein sehr nettes kleines Feature, was allerdings nur bei Firefox Nutzern funktioniert.

Was ist ein FavIcon?
Ein FavIcon ist ein kleines Bild, was oben neben der Adresszeile erscheint wenn man deine Seite besucht, hier ein Beispiel von freenet.de (mittlerweile haben sie ein neues, das ist aber hässlich xD)

Bild

So kriegst du ein FavIcon für deine Page:
Als erstes brauchst du ein kleines 16*16px großes Bild. Es kann ja was mit deiner Page zu tun haben, wenn deine Seite zum Beispiel butterfly.de heißt, mach doch einen Schmetterling xD Lass deiner Fanatasie einfach freien Lauf.
Wenn du dein Bild erstellt hast, gehe auf www.html-kit.com/favicon und wandle dein Bild in eine .ico Datei um. Lade es dir dann runter und lade es auf deinem Server hoch. Damit das FavIcon jetzt noch auf deiner Page erscheint, fügst du in der Indexdatei in den head-Bereich ein:

<link rel="shortcut icon" href="favicon.ico">

Viel Spaß



5 Kommentare




Danke fürs Tutorial XD;
am 04.06.2007 um 15:51 Uhr


Cooles Tutorial <3
So findet man seine Seite unter den Favoriten viel schneller ;D
am 06.02.2008 um 17:12 Uhr


Kleines Monster

Ach das ist genial. Genau das habe ich gesucht ^^ Wollte auch immer so ein Icon für meine HP.

Danke Smilie
am 25.02.2008 um 00:00 Uhr


das ist ja ein cooler tut Smilie Smilie
am 06.03.2008 um 19:34 Uhr


Ruky

Danke für das Tut Smilie *toll find*
am 28.11.2008 um 18:59 Uhr