How to create a custom iPhone and iPod touch icon for your web site Ako vytvoriť vlastný iPhone a iPod touch ikona pre vaše webové stránky

by Ross McKillop on August 11, 2008 Ross McKillop dňa 11. augusta 2008

Web Design & DeviPhoneiPod

This brief tutorial will explain out how to create a custom icon to display on the iPhone and/or iPod touch springboard for your web site. Tento stručný návod vám vysvetlí, ako vytvoriť vlastné tlačidlo pre zobrazenie na iPhone alebo iPod touch odrazový mostík pre vaše webové stránky.

Vlastné stránky ikona simplehelp.net na iPhone mostík

  1. When a user adds a site to their springboard by using the Add to Home Screen feature, by default, the iPhone or iPod touch will use a thumbnail of the visible part of the page being displayed in Safari. Keď sa používateľ pridá stránku odrazový mostík k ich pomocou panela Pridať do funkcie Home Screen, v predvolenom nastavení, bude iPhone alebo iPod touch používať náhľad na viditeľnej časti stránky sa zobrazuje v Safari.
  2. východiskové miesto ikonu pre iPhone a iPod Touch skokanský mostík
    click to enlarge kliknite pre zväčšenie

  3. If you'd like your site to have a much nicer icon appear on the springboard when people add it, create a 57px by 57px PNG icon, name it apple-touch-icon.png , and upload it to the root folder of your site. Note: Apple themselves actually use a 129×129px icon, so you may want to experiment to see what size looks best for yours (it will scale to the default iPhone/iPod touch springboard icon size). Ak chcete, aby vaše stránky mať oveľa krajší ikona objaví na odrazový mostík, keď ľudia pridali, vytvorte 57px 57px PNG do ikonu, meno je apple-touch-icon.png a nahrajte ho do koreňového adresára vášho webu . Poznámka: Apple sa skutočne využije 129 × 129px ikony, takže môžete experimentovať vidieť, akú veľkosť vyzerá najlepšie na vás (bude stupnice na predvolené iPhone / iPod touch mostík veľkosť ikony).

    If you don't have access to the root folder of your site, or you'd like to put the icon elsewhere, add the following line to the <head> of your site: Ak nemáte prístup do koreňového adresára vášho webu, alebo chcete ikonu umiestniť inde, pridajte nasledujúci riadok do <head> vašich stránok:

    <link rel="apple-touch-icon" href="/path/to/file.png" /> (and upload the file.png to that folder). <link rel="apple-touch-icon" href="/path/to/file.png" /> (file.png a nahrajte do tejto zložky).

  4. Now when someone adds your site, it will have a nice icon associated with it. Teraz, keď niekto pridá vaše stránky, bude mať pekné ikonu s ním spojené.
  5. pridanie stránky do iPhone a iPod Touch skokanský mostík
    click to enlarge kliknite pre zväčšenie

  6. Done! Hotovo!
  7. vlastné ikonu pre simplehelp.net pre iPhone a iPod Touch mostík
    click to enlarge kliknite pre zväčšenie

Related Posts: Súvisiace zmeny:
  • How to reorder the icons on your iPhone or iPod Touch springboard Ako zmeniť poradie ikon na vašom iPhone alebo iPod Touch skokanský mostík
  • How to customize the music icons (buttons) on your iPhone or iPod Touch Ako si prispôsobiť hudobné ikony (tlačidlá) na vašom iPhone alebo iPod Touch
  • How to accurately relocate the cursor in Notes for your iPhone or iPod Touch Ako presne premiestniť kurzor do poznámky pre váš iPhone alebo iPod Touch
  • How to take screenshots of your iPhone or iPod Touch screen Ako sa snímky z vášho iPhone alebo iPod Touch screen
  • Screenshot Tour: Crash Bandicoot Nitro Kart 3D for iPhone/iPod Touch Screenshot Tour: Crash Bandicoot Nitro Kart 3D pre iPhone / iPod Touch
  • Get Simple Help tutorials just like this one in your email inbox every day - for free! Get Help jednoduchá cvičenie, rovnako ako to vo vašej e-mailovej schránky každý deň - zadarmo! Just enter your email address below: Stačí zadať e-mailovú adresu:

    You can always opt out of this email subscription at any time. Vždy sa môžete odhlásiť z tohto e-mailu predplatného kedykoľvek.

    { 1 trackback } Trackback (1)

    iPhone/iPodTouch: Creiamo un'icona personalizzata per il nostro sito web | DelfinsBlog (Guido Arata) iPhone / iPodTouch: Creiamo un'icona personalizzata per il nostro sito web | DelfinsBlog (Guido Arata)
    08.13.08 at 5:57 am 08.13.08 v 5:57 am

    { 3 comments… read them below or (3 komentáre ... prečítať nižšie alebo add one pridať jedno } )

    1 1 Jeffrey 10.08.08 at 7:20 am Jeffrey 10.08.08 v 7:20 am

    How to create a custom iPhone and iPod touch icon for your web site Ako vytvoriť vlastný iPhone a iPod touch ikona pre vaše webové stránky

    I am not sure what you are referring to. Nie som si istý, čo ste na mysli. Where is the ROOT? Kde je ROOT? and WHAT Site. a CO stránok. On my local computer? Na mojom lokálnom počítači? On a website? Na webových stránkach? Is this for developers or just for anyone? Je to pre vývojárov alebo len pre niekoho?
    Thanks Vďaka

    If you don't have access to the root folder of your site, or you'd like to put the icon elsewhere, add the following line to the of your site: Ak nemáte prístup do koreňového adresára vášho webu, alebo chcete ikonu umiestniť inde, pridajte nasledujúci riadok do vašich stránok:

    (and upload the file.png to that folder). (file.png a nahrajte do tejto zložky).

    2 2 Nala 11.28.08 at 5:36 pm Nala 11.28.08 v 5:36 pm

    espera no entendi como busco para anadir simplehelp.com y otros folder y como puedo cambier de fondo y poner juegos sin usar itunes por favor explicame gracias por todo espera žiadne entende ako para añadir busco y otros simplehelp.com zložku y como puedo Cambier de fondo poner juegos y sin usar itunes por favor explicam gracias por todo

    3 3 cep78 06.26.09 at 5:40 am cep78 06.26.09 v 540: am

    comment instaler cydia sur mon iphone version 3 komentár instaler Cydia sur Po. iPhone verzia 3

    Leave a Comment Zanechať komentár

    You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> Môžete použiť tieto HTML tagy a atribúty: href = "" <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> del datetime <em> <i> <q Cite=""> <strike> <strong>