Mich hat es gestört, das man in der Adresszeile des Browsers nur so ein weißes Blatt mit abgeknickter Ecke sieht. Das einzige, was da Abhilfe schafft ist eines dieser kleinen Bildchen, die man manchmal bei einigen Seiten angezeigt bekommt. Wie schon dem Titel zu entnehmen, schimpfen die sich Favicon.
Kleine Bilder von 16×16 Pixel mit einer Farbtiefe von 16 Farben. Zumindest wenn man auf der sicheren Seite sein will. Es gehen, glaub ich, auch mehr Farben. Eine kurze Googelei bietet einem gleich zahlreiche Klickmöglichkeiten. Ich verkürze das hier mal ein wenig.
Ich hatte kein Bild in passender größe und wollte mir jetzt auch keins zusammenklicken. Also hab ich einfach nen Teil aus dem Headerpic mit Paint möglichst quadratisch ausgeschnitten. Quadratisch damit es nachher nicht so komisch verformt aussieht. Dann ging es nach HTML-Kit um dort das Bild hochzuladen. Innerhalb weniger Sekunden bekam ich eine fertige .ico-Datei zum download angeboten. Diese habe ich nun ins Root-Verzeichnis meines Webspaces geladen und anschließend folgenden Code in den Head-Teil gepackt. Bei Wordpress ist das der Text in der header.php zu finden.
<link rel="SHORTCUT ICON" href="http://bash-online.com/favicon.ico" type="image/vnd.microsoft.icon" />
Damit war es auch schon erledigt. War selbst ganz erstaunt das es so reibungslos geklappt hat. Vielleicht mach ich mir in der Form noch ein anderes Favicon, mal sehen.
Noch mehr zum Thema hab ich zum Beispiel bei GreenSmilies.com gefunden. Auch den Link zum Generator. Danke an dieser Stelle.
2 Kommentare ↓
[...] Baukasten vermutlich nur müde lächeln. Ich wollte jetzt aber nur den Kopf haben und den als Favicon [...]
[...] Das holt sich die Favicons der der Kommentierer soweit sie denn eine Webseite angegeben haben und auch ein Favicon. Und platziert sie an der Stelle, die ihr dafür vorgesehen habt in der comments.php. Die Bildkes sind nicht zu groß und es bringt ein wenig Farbe ins Spiel, was will man mehr? Und wer jetzt wissen möchte, wie er zu so einem Favicon kommt, der liest hier weiter. [...]
Schreibe einen Kommentar