How to create a custom iPhone and iPod touch icon for your web site कैसे एक कस्टम iPhone अपने वेब साइट के लिए और आइपॉड स्पर्श चिह्न बनाने के लिए

by Ross McKillop on August 11, 2008 रॉस McKillop द्वारा 11 अगस्त 2008 पर

वेब डिज़ाइन और देवiPhoneआइपॉड

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. इस संक्षिप्त ट्यूटोरियल बाहर समझाना होगा कि कैसे एक कस्टम आइकन के लिए iPhone और / अपनी वेब साइट के लिए या आइपॉड स्पर्श फ़ौजों की चौकी पर प्रदर्शन बनाने के लिए.

कस्टम iphone फ़ौजों की चौकी पर simplehelp.net के लिए स्थल चिह्न

  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. जब एक उपयोगकर्ता का उपयोग कर डिफ़ॉल्ट रूप से होम स्क्रीन सुविधा के लिए, जोड़ें द्वारा अपनी फ़ौजों की चौकी के लिए एक साइट कहते हैं, iPhone या आइपॉड स्पर्श पृष्ठ के दृश्य भाग की एक थंबनेल का उपयोग करें सफारी में प्रदर्शित किया जा रहा है.
  2. डिफ़ॉल्ट iphone और आइपॉड स्पर्श फ़ौजों की चौकी के लिए स्थल चिह्न
    click to enlarge बड़ा आकार देखने के लिए क्लिक करें

  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). यदि आप अपनी साइट चाहते हैं एक बहुत अच्छे प्रतीक है फ़ौजों की चौकी पर दिखाई जब लोग इसे जोड़ने के लिए, निर्माण 57px PNG चिह्न द्वारा एक 57px, यह सेब के स्पर्श icon.png नाम, और अपनी साइट के रूट फ़ोल्डर में अपलोड करें . नोट: एप्पल अपने को वास्तव में एक 129 × 129px चिह्न का उपयोग करें, ताकि आप प्रयोग करना चाहते हैं जो आकार देख सकते हैं तुम्हारे लिए सबसे अच्छा लग रहा है (यह डिफ़ॉल्ट iPhone के लिए बड़े पैमाने / आइपॉड स्पर्श स्प्रिंगबोर्ड आइकन आकार होगा).

    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: यदि आप अपनी साइट के रूट फ़ोल्डर, तक पहुँच नहीं है या आप आइकन कहीं रख पसंद है, में निम्नलिखित पंक्ति जोड़ना चाहते हैं <head> आपकी साइट के:

    <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 अपलोड).

  4. Now when someone adds your site, it will have a nice icon associated with it. अब जब किसी को अपनी साइट पर कहते हैं, यह एक अच्छा के साथ जुड़े प्रतीक होगा.
  5. IPhone और आइपॉड स्पर्श फ़ौजों की चौकी के लिए एक साइट जोड़ने
    click to enlarge बड़ा आकार देखने के लिए क्लिक करें

  6. Done! हो गया!
  7. IPhone और आइपॉड छूने के लिए स्प्रिंगबोर्ड simplehelp.net के लिए कस्टम आइकन
    click to enlarge बड़ा आकार देखने के लिए क्लिक करें

Related Posts: संबंधित पोस्ट:
  • How to reorder the icons on your iPhone or iPod Touch springboard कैसे अपने iPhone या आइपॉड टच फ़ौजों की चौकी पर माउस को पुनःक्रमित करें
  • How to customize the music icons (buttons) on your iPhone or iPod Touch कैसे संगीत माउस को आइकनों अपने iPhone या आइपॉड टच पर (बटन) अनुकूलित करने के लिए
  • How to accurately relocate the cursor in Notes for your iPhone or iPod Touch कैसे सही रूप में आपके iPhone या आइपॉड टच के लिए नोट्स में कर्सर शरण लेनी
  • How to take screenshots of your iPhone or iPod Touch screen कैसे अपने iPhone या आइपॉड टच स्क्रीन के स्क्रीनशॉट लेने के लिए
  • Screenshot Tour: Crash Bandicoot Nitro Kart 3D for iPhone/iPod Touch स्क्रीनशॉट यात्रा: क्रैश Bandicoot नाइट्रो Kart 3 डी iPhone के लिए / आइपॉड टच
  • Get Simple Help tutorials just like this one in your email inbox every day - for free! बस अपने ईमेल इनबॉक्स के लिए मुफ्त हर दिन - में यह एक तरह सरल सहायता ट्यूटोरियल जाओ! Just enter your email address below: जरा नीचे अपने ईमेल पते दर्ज करें:

    You can always opt out of this email subscription at any time. तुम हमेशा इस ईमेल सदस्यता से बाहर किसी भी समय विकल्प चुन सकते हैं.

    { 1 trackback } (1) Trackback

    iPhone/iPodTouch: Creiamo un'icona personalizzata per il nostro sito web | DelfinsBlog (Guido Arata) iPhone / iPodTouch: Creiamo un'icona personalizzata 'नास्ट्रो' il sito वेब | DelfinsBlog (Guido Arata प्रति व्यक्ति)
    08.13.08 at 5:57 am 5:57 पर 08.13.08 हूँ

    { 3 comments… read them below or (3 टिप्पणियाँ ... उन्हें या नीचे पढ़ें add one एक जोड़ } )

    1 1 Jeffrey 10.08.08 at 7:20 am 7:20 पर Jeffrey 10.08.08 हूँ

    How to create a custom iPhone and iPod touch icon for your web site कैसे एक कस्टम iPhone अपने वेब साइट के लिए और आइपॉड स्पर्श चिह्न बनाने के लिए

    I am not sure what you are referring to. मुझे यकीन नहीं कर रहा हूँ कि तुम क्या बात कर रहे हैं. Where is the ROOT? कहाँ जड़ है? and WHAT Site. और क्या साइट. On my local computer? पर अपने स्थानीय कंप्यूटर? On a website? पर एक वेबसाइट? Is this for developers or just for anyone? डेवलपर्स के लिए इस है या बस किसी के लिए?
    Thanks धन्यवाद

    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: यदि आप अपनी साइट के रूट फ़ोल्डर, तक पहुँच नहीं है या आप आइकन कहीं डाल की तरह, आपकी साइट के लिए निम्नलिखित पंक्ति जोड़ना चाहते हैं:

    (and upload the file.png to that folder). (और है कि फ़ोल्डर में file.png अपलोड).

    2 2 Nala 11.28.08 at 5:36 pm 5:36 पर नाला 11.28.08

    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 कोई entendi कोमो busco पैरा anadir simplehelp.com y otros y कोमो puedo cambier de fondo y poner juegos पाप usar iTunes क्रम फ़ोल्डर explicame एहसान ग्रेसियस क्रम TODO

    3 3 cep78 06.26.09 at 5:40 am cep78 5:40 पर 06.26.09 हूँ

    comment instaler cydia sur mon iphone version 3 टिप्पणी instaler cydia सुर Mon iphone 3 संस्करण

    Leave a Comment एक टिप्पणी छोड़ दो

    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> आप ये HTML टैग और विशेषताएँ: <a href="" उपयोग title=""> <abbr title=""> <acronym कर सकते हैं <blockquote title=""> <b> cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>