<< Goodies | Website Index | Website Kleuren >> Wel eens opgevallen dat bij sommige sites niet het standaard IE of Netscape icoontje staat maar een ander? Zou bij deze site ook het geval moeten zijn. (maar met name IE is hier soms wat nukkig in blijkbaar heeft microsoft liever het eigen icoontje).
Het icoontje is een bitmap van 16 bij 16 pixels. Het maken van zo een icoontje is simpel. Kunst is alleen iets leuks in het kleine plaatje te proppen. Mijn icoon is Br tot de derde van bram brambring, leek me wel aardig.
Het enige wat je nodig hebt is een programma waarmee je een .ico file kunt maken, photoshop of bijvoorbeeld een icoon programma zoals iconcool of iconart. Maak een plaatje met afmeting 16x16 en bij voorkeur 16 kleuren, dan blijft het lekker klein. Plaats het plaatje op de server net als je website.
Nu moet de web browser het icoon nog vinden. De meest eenvoudige manier om ervoor te zorgen dat de eigen afbeelding wordt weergegeven, is het plaatsen van een ico-bestand met de naam "favicon.ico" in de hoofddirectory van je website. De afbeelding wordt dan gebruikt voor alle HTML-documenten in deze en onderliggende directories. Op het moment dat iemand een pagina aan de favorieten toevoegt kijkt onder andere IE of deze het bestand favicon.ico kan vinden. Beter is om in het html document aan te geven waar je favicon staat. Plaats in de head sectie van je html pagina de volgende tag:
<html>
<head>
…
<link rel="SHORTCUT ICON" HREF="http://url_naar_je_icon/favicon.ico" />
…
</head>
Vervang uiteraard url_naar_je_icon door het correcte pad.
Klaar, het kan even duren voordat IE het snapt. Een keer F5 of CTRL-F5 wil wel eens helpen. Of voeg je pagina toe aan je favorieten, als het goed is staat er nu je icoon bij. Vaak verdwijnt het icoon weer als je IE afsluit, het blijft een wat eigenzinnig product.
<< Goodies | Website Index | Website Kleuren >>
©