Data publikacji: 2006-09-28
Autor: DieMateo

Jednym z bardziej wyróżniających dodatków do stron jest własna ikona przy adresie (w polu, w którym wstukujemy url), która jednocześnie staje się symbolem witryny po dodaniu jej do "Ulubione".

Wygląda to mniej więcej tak:





Sprawa jest dosyć prosta i nie wymaga nadludzkich umiejętności.

1. Rzecz prosta, prostą być nie musi.
Oczywiście dzięki mnie wszystko stanie się jasne. :) Więc po pierwsze trzeba zaprojektować jakąś sensowną ikonkę, aby dobrze reprezentowała twój serwis. Co prawda można ją zrobić nawet w windowsowym Paincie, ale efekty w najlepszym razie będą mizerne. Ja swoją skonstruowałem w Paint Shop Pro i efekt był całkiem niezły (choć trochę rozmazany :). Przy tworzeniu własnej trzeba tylko pamiętać o dwóch rzeczach: efekt naszej pracy musi zostać zapisany jako plik .ico, oraz rozmiary obrazka muszą wynosić 16x16 pixeli. Oczywiście nie będę teraz opisywał sposobu tworzenia plików graficznych w Photoshopie, Paintcie, Paint Shop Pro i wielu innych. Po prostu niech każdy sam wymyśli coś oryginalnego. Bez zbędnych opisów mogę przejść w ten sposób do najważniejszej części artykułu.

2. Napiszzzzzz toooo saaaammmmm.... :)
Wszystko się sprowadza do poprawnego napisania banalnie prostego kodu. W sekcji HEAD spróbuj jako tako wklepać fragment kodu:

<LINK REL="SHORTCUT ICON" HREF="nazwa_pliku.ico">
3. Taaaaaddddaaaammmm!
Oczywiście w miejsce "nazwa_pliku.ico" wstawiamy własną. Jeśli wszystko działa i nie sprawia żadnych problemów, to oznacza, że zaraz coś zacznie owe problemy stwarzać ;). A więc: efekt nie w każdej przeglądarce może być zadowalający. Niektóre mają lekki kłopot z obsługą własnych ikon przy adresie, więc jak ci coś nie działa to znaczy, że trafiłeś na właśnie taką przeglądarkę. Na pewno kłopotów nie mają Netscape 7.1, Mozilla 1.4 oraz IE. Opera też nie powinna się wykrzaczać.