Ikoner i adresselinien

Hvordan er det lige man sætter ikoner ind så de både optræder i adresselinien, i fortrukne, eller når man gemmer html-filen på skrivebordet. Det er meget simpelt, og jeg vil i denne artikel gennemgå hvordan dette gøres.

Selve ikonet

Først og fremmest skal man lave et ikon, det skal både være den rette størrelse men være et ikon, dvs det skal have den korekte endelse
De fleste bruger deres logo som ikon. Derfor tager jeg udgang i hepheys logo.

Forslag til ikoner

Men for at kunne bruge logoer som ikoner, skal man sørge for det har de rigtige proportioner.
Et ikon skal have flere størrelser, og dette skyldes at det bliver brugt forskellige steder.
Når det bruges under fortrukne skal det være 16x16 pixels, men hvis det skal andvendes som ikon på skrivebordet skal det være 32x32.
Derfor er det meget vigtigt at du følger denne artikel nøje, i stedet for bare at omdøbe din grafik fil til *.ico

For at lave hepheys logo kvadratisk har jeg valgt kun at bruge hånden. Nedenfor ses logoet i en størrelse 32x32

ikon

Lav ikoner til favicon.ico

Her er der flere muligheder, jeg har valgt at bruge et plugin til Photoshop som kan hentes her

Hvis du ikke ejer photoshop så kan du hente en 10 dages trial af iconforge her som er et program hvor du både kan tegne dine egne ikoner og konvertere andre billedformater til ikoner.

Men tilbage til det photoshop plugin, når du har downloadet det lægger du det ind i mappen Adobe\Photoshop CS\Plug-Ins\Adobe Photoshop Only\File Formats

start photoshop op og nu kan du vælge save as og så kan du i dropdown boksen vælge *.ico

Sæt ikoner på hjemmesiden

Det er utrolig nemt at sætte ikonet ind på din side. Det gøres ved at tilføje denne linie i dit <HEAD> tag

<LINK REL="SHORTCUT ICON" href="favicon.ico">

For at kunne bruge denne linie er det meget vigtigt at du kalder dine ikoner for favicon. Hvis du har kaldt dit ikon noget andet kan du indsætte denne linie i stedet

<LINK REL="SHORTCUT ICON" href="http://www.hephey.dk/ikon.ico">

Men jeg vil forslå at den første metode bruges, da metoden med at skrive hele stien ikke altid virker i alle browsere.

Tillykke du har nu fået et ikon på din hjemmeside som både kan bruges til fortrukne, ikon på skrivebordet, og ikon oppe i adresselinien.



Tilføjet af Martin Tygsen den 06-03-2005 - Hits: 5130
Nyhedsbrev

Artikler og tips til webmastere på e-mail:
 
Tilmeld   Afmeld
Nu 9505 modtagere.

Hjemmesider Login

Brugernavn:


Password:



Opret hjemmeside


Annoncering | Information | Presse | Kontakt os | RSS | © HEPHEY 2002 - 2007

Ikoner i adresselinien
Her er du  :   HTML   >  Ikoner i adresselinien