Custom web clip icons for iphone

Friends-
Can anyone help me? I'm trying to create custom icons for my favorite websites on my iphone 3GS. I know it could be done I just don't know how to do it.
Thanks.

You can't do it directly on your phone, they have to be created on the web site in PNG image file format and then saved to the web site's root directory. Unless the web site has created a custom icon, in most cases, the icon that appears on the home screen is a picture of the website it links to.

Similar Messages

  • Web Clip Icon for iphone

    The instructions below are posted on the developer apple site. I have tried to follow these but have been unable to make this happen. Could someone flush this out a bit more for me. I have made an image called apple-touch-icon.png and saved it at every directory level and placed
    <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
    in the index and welcome page inthe <head> section.
    Thanks!
    Create a WebClip Bookmark Icon
    iPhone and iPod touch allow a user to save a WebClip bookmark to your site on their Home Screen.
    To specify a bookmark icon for all pages of a web site, place a PNG image named "apple-touch-icon.png" at the root directory of your web server - similar to the "favicon.ico" for site icons.
    To override the site bookmark icon on a specific web page, insert a <link> element similar to <link rel="apple-touch-icon" href="/customIcon.png"/> within the <head> element of the page.
    The bookmark icon dimensions should be 57x57 pixels. If the icon is a different size it will be scaled and cropped to fit.
    Safari will automatically composite the icon with the standard "glassy" overlay so it looks like a built-in iPhone or iPod application.

    I used Textedit (because I have iWeb06) to add my code so the procedure may be a little different in iWeb08 but.... the code needs to go in the header of your file ie somewhere between <head> and </head>, preferably on it's own line so it doesn't mess with any other code on the page. The file then needs to be saved using its original name ( mebbe make a renamed backup of it first in case of disaster! )
    Once that is done sync your iDisk to upload this file to the web server. You can tell if this part is working by viewing the page (the online page) in Safari, right clicking on it and selecting 'View Source', this will show you if the page really does contain your new code, if not then the page you are editing is either not the correct one or there is a problem syncing to the dotMac server.
    The bit that stumped me for a while was choosing the correct file to edit. Make sure your index or home_page.html file is in iDisk>Web>Sites and not the one on iDisk>Sites.
    Good luck
    FlatE

  • Customizable themes and icons for iPhone

    Hello everyone ust got the iphone and have been trying to find a way through apple to get custom themes and icons for my phone to personalize it. I see the whole jailbreak thing and see all the apps that you can install but I would prefer to go throuhg Apple one becasue I dont want to mess with my phone and ruin it and two I have no problem paying for it just give me the ability to do it right why is there nothing out there already. There is so many out there as third party apps and Apple hasnt developed anything I have emailed the suggestion to Apple through the link on the website and heard nothing back. Am I not looking in the right places or is there nothing out there yet besides going the jailbreak, ibrickr route please help

    here are full directions on how to do it.....
    1. Go to http://webclip.us on your computer (not on your phone) and click on "create now".
    2. In icon label, type what you want to call your icon.
    3. In URL, type either the URL of the website you want to link to, or for a phone number link, type http://##########.tel.QLNK.net (where ########## is the 10 digit phone number you want).
    4. In icon file, click the arrow to browse to the photo or image you want the icon to display.
    5. Enter the security code shown, then click "upload now". You will get a "webclip number".
    6. Now on your iPhone in Safari, go to http://webclip.us and enter the webclip number your computer just generated, and tap Go.
    7. Use the plus sign to add the icon to your home screen, change the name to whatever you want, and you will have a cool little icon with the photo you uploaded!

  • HT3574 The personal hotspot is not working with me and I did not fine the icon for iphone 4 version 5.1.1

    The personal hotspot is not working with me and I did not fine the icon for iphone 4 version 5.1.1

    Check with your carrier or telephone service provider.  Not all carriers provide this service.

  • Favicon and Webclip Icon for iPhone

    Is there anyway to incorporate a favicon and a webclip icon (for iPhones) using iWeb '08?
    I host to my .Mac account, domain from GoDaddy (CNAME) to my .Mac website.
    Thanks in advance for any suggestions you may have!

    You add the favicon code in the HEAD of the webpage.
    <link rel="shortcut icon" href="/YourdotMacID/apple-touch-icon.png" />
    You'll have to open the page with a HTML editor of your choice.
    You can use TextEdit.
    [How to Set Up TextEdit as an HTML or Plain Text Editor|http://docs.info.apple.com/article.html?artnum=106212]
    [Working with HTML in TextEdit|http://docs.info.apple.com/article.html?path=TextEdit/1.4/en/te1003.ht ml]
    [I can't view the code in an HTML file|http://docs.info.apple.com/article.html?path=TextEdit/1.4/en/te1007.html]
    [Opening an HTML document|http://docs.info.apple.com/article.html?path=TextEdit/1.4/en/te48.html ]
    [Saving HTML files|http://docs.info.apple.com/article.html?path=TextEdit/1.4/en/te58.html]

  • Iphone Config Utility and web clip icons

    Hi
    I am trying to import a .png file into ICU to use as a web clip. I have created one in paint shop pro and one in Photoshop both have a 57 * 57 pixel size. Whenever I select either file I get the following error
    "value does not fall within the expected range"
    I am running ICU on XP.
    Can anyone offer some advice or tips

    Real sorry guys, even though it's been 2 years since original post, but I've fixed it.
    I am using iPCU 3.6.2.300 and the problem was not on the iPCU, but, you can fix your image on Photoshop like below:
    iPad (Retina display) 152x152px; Resolution: 72 px/inch; Save as Bitmap (.bmp) with OS/2 file format.
    and for other devices, just follow the guidelines for size (in pixels) at the iOS Developer Library here, with resolution either 72px/inch or 96px/inch. Just remember to save as Bitmap with OS/2 file format, not Windows.
    Regards,
    Phillmont.

  • Prevent Web Clip Icons

    I am using Apple Configurator to push out web clips to the iPad that have custom icons that I have created. However as soon as you actually tap on the web link and go to the site, the web clicp icon is replaced by the one provided by the website, not the one provided by me.
    Is there any way to ensure that the icons are only the ones that I push via configuration profile?

    Hi Kevin,
    Inicio is the first page you see in my website, but it is not index.html. In fact "Inicio" is acting like my start page, but I have many different websites made with iWeb.
    I have my domain www.carolaclavo.com redirected to .Mac so it's easy for users to get there and avoid typing all this: web.mac.com/carolaclavo/iWeb/carolaclavo/Inicio.html
    Now I'm trying to get it working using the original address, no redirections, but they say it's not working to add the icon.
    I have many webs made on iWeb in my .Mac space, and no other hosting service. If I could access web.mac.com/carolaclavo/iWeb/carolaclavo and drop there the icon file, it would work, but is not accesible afaik. I can't edit index.htm which I guess is stored in the same directory, but I'm not sure as the files I see in the iDisk look like my web, but the address is not web.mac.com… but idisk.mac.com… ?
    This looks very hard to handle, they should add a new feature in iWeb. Looks impossible to customize the icon for the iPhone when it comes to .Mac pages, and that's stupid IMHO.
    Message was edited by: Carola Clavo

  • Custom home screen icon for a webapp.. just like Google - How?

    I noticed that when you add Google to your home screen it displays a custom icon.. not an image of the website like other sites. I am trying to figure out if there is a way to do this for my own webapps. I searched through the Google.com source code but didn't find anything that appeared to have anything to do with that icon.
    Hopefully this is possible for developers. Right now most of my icons are all white and its hard to distinguish which is which without reading the text below it.

    Found it on the iPhone web dev page..
    iPhone and iPod touch allow a user to save a WebClip bookmark to your site on their Home Screen.
    To specify a bookmark icon for all pages of a web site, place a PNG image named "apple-touch-icon.png" at the root directory of your web server - similar to the "favicon.ico" for site icons.
    To override the site bookmark icon on a specific web page, insert a <link> element similar to <link rel="apple-touch-icon" href="/customIcon.png"/> within the <head> element of the page.
    The bookmark icon dimensions should be 57x57 pixels. If the icon is a different size it will be scaled and cropped to fit.
    Safari will automatically composite the icon with the standard "glassy" overlay so it looks like a built-in iPhone or iPod application.

  • Web Clip Icons v App Icons

    One thing that apple has nailed is the way the applications look on the iPhone...
    However, web clips look awful, especially now that my iphone has loads of wonderful apps on it..
    I know you can use http://www.wepclip.us and this does work very well but it has to connect to this site before loading the site you are trying to navigate too! (very frustrating when in a low reception area)
    So, anyone know how you can change these icons??
    I'm fed up of them looking so ugly!!
    Simon

    Sometimes when you create a web clip you get a cool icon. That is because the website developer included this tag <link rel="apple-touch-icon" href="icon.png"/> in the header. Mostly you get a smudgy little screen shot of the page you were on.
    However, you can manipulate the page to get the screen shot you want. Enlarge a section of the page then tap ‘Add to Home Screen’. You will see a little tiny preview of what the icon will look like. If it isn’t what you want cancel the action and play around with the page until you get something you like. Have fun.

  • Help needed with Custom Web ADI Integrator for Mail Merge

    Hello,
    I've created a custom web adi integrator to generate letters to advise of end of probationary periods.
    The problem is that at the end of the process when the letter is opened in Word 2007, it only displays one record, and does not allow me to "preview results" and cycle through the records (this part is greyed out). It appears that the letter is not merged with the data spreadsheet although it does display one record from it.
    Our EBS version is 12.1.3 and we are using Office 2007.
    These are the steps I have followed so far (in brief):
    - Create a view to provide data (names, addresses etc).
    - Set up a new custom function (similar to seeded function HR Integrator Setup).
    - Add the custom function and other functions to Desktop Integration responsibility.
    - Add the relevant functions to end user's responsibility menu.
    - Add new category "other" to HR_ADI_DOCUMENT_TYPE lookup.
    - Create Download Excel Integrator by choosing Desktop Integration -> HR Integrator Setup. Enter "PER" for application and my view for the View Name. Upload.
    - Create another Excel document by choosing Desktop Integration -> HR Maintain Form Function Associations, and choose the integrator created above. Enter my custom function name in the generated spreadsheet and upload.
    - Define a layout for the new integrator.
    - Run the integrator under the end user responsibility and save the resulting spreadsheet, which is full of data as expected.
    - Create the letter in Word, using the saved spreadsheet as the data source for the merge. At this point the merge is successful.
    - Go to Desktop Integration -> Document Management and upload the Word mail merge document. Associate it with the custom document type created earlier.
    - Link this document to my integrator.
    - Go in as end user responsibility and run the integrator.
    At this point after enabling macros it loads 2 spreadsheets (one full of data) and the Word document, but the Word document only displays one record (approx the 10th in the list - there are about 100 in total). All of the relevant merge-related menu items on the "Mailings" tab are greyed out.
    Can anyone offer any pointers please?
    I did wonder whether it mattered if I changed the names of documents, e.g when I download and save the resulting spreadsheet full of data which I then use to merge to in the Word Doc, is it OK to call the spreadsheet anything or should it be left as the default name?
    Many thanks,
    Hazel

    Hi Nandhakumar.P,
    thanks for your response. Please find the answers below:
    - Set up a new custom function (similar to seeded function HR Integrator Setup).
    System Administrator -> Application -> Function. Query back the seeded User Function Name = "HR Integrator Setup", make a note of the details, then add a custom function entitled "NTC_HR_LETTERS" with the same details.
    - Add the custom function and other functions to Desktop Integration responsibility.
    System Administrator -> Application -> Menu. Query back User Menu Name = "Desktop Integration Menu" and add the following functions:
    WITHOUT PROMPT
    a. HR Integrator Setup
    b. HR Maintain Integrator Form Functions
    c. HR Disable Integrator
    d. HR ADI Document Overwrite Page
    e. HR ADI Document Upload Page
    f. The custom function created in previous step ("NTC_HR_LETTERS")
    WITH PROMPT
    g. HR ADI Document Management Page
    - Add the relevant functions to end user's responsibility menu.
    System Administrator -> Application -> Menu. Query back menu attached to custom responsibility of end user that will perform the action once set up.
    Add the following:
    a. The custom function "NTC_HR_LETTERS" as created previously (without prompt)
    b. Desktop Integration - Create Document (With Prompt. This function will be used to generate letters)
    - Add new category "other" to HR_ADI_DOCUMENT_TYPE lookup.
    SA_Application Developer -> Application -> Lookups -> Common. Query back Type = HR_ADI_DOCUMENT_TYPE and add a new entry entitled "Other". This document type is later assigned to the Word document I upload and link to the integrator.
    I hopoe that answers your questions.
    Regards,
    Hazel

  • Instructions to create custom home screen icons for websites and phone #'s

    Here are instructions to create a home screen icon for a phone number or a website. This is very cool!
    1. Go to http://webclip.us on your computer (not on your phone) and click on "create now".
    2. In icon label, type what you want to call your icon.
    3. In URL, type either the URL of the website you want to link to, or for a phone number link, type http://##########.tel.QLNK.net (where ########## is the 10 digit phone number you want).
    4. In icon file, click the arrow to browse to the photo or image you want the icon to display.
    5. Enter the security code shown, then click "upload now". You will get a "webclip number".
    6. Now on your iPhone in Safari, go to http://webclip.us and enter the webclip number your computer just generated, and tap Go.
    7. Use the plus sign to add the icon to your home screen, change the name to whatever you want, and you will have a cool little icon with the photo you uploaded!
    If you used the phone number option, when you tap the icon on your home page, it will launch Safari and then pop up "Call" and "Cancel" buttons to call that phone number directly. If you used a website URL, it will launch that website just like a regular webclip.
    So I now have an icon with my husband's face on it that dials his phone number. Very cool!!
    -SB
    Message was edited by: SisterBlue
    Edit to make it clear that I don't take credit for creating this procedure - I simply found a reference to them in another post and posted the step-by-step here because it worked so well for me.

    Do you know if this requires the 1.1.3 upgrade.. I got all the way through it until the end where it would not give me a plus sign or a way to add it.. wondering if it can be done with 1.1.2 thanks!

  • Create a custom dock/application icon for .jar files built in eclipse

    I've spent the better part of the afternoon trying to figure out how to apply a custom icon to jar file that I created in eclipse. I am presently using eclipse v3.5 on Mac OS X 10.6.2 and have yet to find a way to change the java coffee cup logo in the document icon for my jar files created in eclipse. Is there some way I can call a specific Apple class in Eclipse to change the dock/application icon of my .jar file?
    I found this link that uses a class that seems to be specific to XCode to change the icon of the .jar file.
    What I mean by change the icon of the jar file, I mean change the icon used in the dock, and also the icon used when the "command+tab" switcher pops up. Presently, I have the black console icon with the text "exec" in the upperleft.
    If anyone has any good links on this topic or even better knows the code I need insert into my program I would be highly greatful.
    cheers
    -ipatch

    See http://www.centerkey.com/mac/java/

  • I am creating application icons for iphone

    I am creating icons for an iphone/ipad application developer and the application icons are loaded into the application the tranparent areas are turning black. Is there a way to fix this?

    Don't attempt to use transparent application icons.
    Application Icons
    Ensure that your icon is eligible for the visual enhancements iOS provides. You should provide an image that:
    Has 90° corners (it’s important to avoid cropping the corners of your icon—iOS does that for you when it applies the corner-rounding mask)
    Does not include a drop shadow
    Does not have any shine or gloss (unless you’ve chosen to prevent the addition of the reflective shine)
    Does not use alpha transparency

  • Lost Phone Icon for iPhone 4

    I lost my phone icon for my iPhone 4. I tried a reset - holding the sleep button and bottom button. It rebooted, but the icon is still gone. Everything else is fine.  What do I need to do to get the phone icon back?

    Did you possibly accidentally move the phone icon into one of your folders?  Can you still dial out using one of your contacts?  Check these things before restoring a backup from your itunes (assuming you made backups).

  • Customized alert and ringtone for iphone 3G?

    hi... can the ringtone for iphone 3g be customized? i mean we actually use our selected ringtone and sms tone..

    Ringtones, yes. http://www.ehow.com/how2160460custom-iphone-ringtones-free.html
    SMS/email alerts, no - those are limited to the system default choices.

Maybe you are looking for