Ako vytvoriť ikonku vlastnej stránky do iPhonu?
Na niektorých weboch som si všimol, že ak si uložím odkazy na internetové stránky ako home ikony do iPhonu tak niektoré mali pekné ikonky ktoré vyzerali ako ikonky aplikácií pre iPhone. Je to veľmi pekné a efektné. Vytvorenie ikonky pre iPhone vlastného webu je veľmi jednoduché.
Vytvorenie ikony
Ikonka musí mať rozmer najlepšie 57x57 pixelov vo formáte PNG, v iPhone majú tieto ikonky zaoblené rohy a zobrazujú odlesk skla. Vy to ale neriešite, o to sa postará iPhone. Vytvorte ikonku pre svoj iPhone v nejakom grafickom editore. Ja som si vytvoril niečo takéto.
Vloženie do stránky
Do stránky len nalinkujete jeden riadok HTML kódu s cestou k obrázku, to je všetko... tento kus kódu vložiť medzi tagy HEAD.
<link rel="apple-touch-icon" href="/directory/myicon.png" />
Pridanie stránky na plochu
Pridať svoju stránku ako ikonku na plochu iPhonu je veľmi ľahké. Otvorte Safari v iPhone a zadajte nejakú URL adresu (ak chcete skúste peteroravec.sk kde to funguje), kliknite na tlačidlo + (plus) a vyberte možnosť Add to Home Screen. Ikonka sa zobrazí na ploche.
Pre premiestnenie ikonky podržte stlačenú nejakú ikonku až sa všetky ostatné začnú triasť, potom len kliknutím a ťahom popresúvajte ikonky tam kde chcete, pre uloženie stlačte tlačidlo na spodku iPhonu a pozície sa uložia.
Pridať komentár
1 Komentár
lewro hovorí:
Dakujem za tutorial. Uz som ten postup videl na inych blogoch, ale ked si to tak zjednodusene napisal, nedalo mi a hned som si ikonku vytvoril.
Este raz diik.
Facebook komentáre (