Favorites icons

Hi all,
I'm a web developer and I can't for the life of me find out how to get Safari to display a custom icon in the favourites view.
All I could find was information about apple-touch-icons which I have installed on the site and that works fine if I add the website to the home screen on a IOS device but what I want is for a custom icon to display in Safari in the favourites page view. Can anyone help?
The website I'm currently working on is hughies.com.au
Thanks.

Problem solved!
Ok, I had the line of code link rel="shortcut icon" pointing to the favicon.co file and then the code link rel="apple-touch-icon" pointing to all of the png icons in the various recommended sizes. As I said before it worked when I placed the website on the home screen of a IOS device, the icons also appeared in the favourites view in Safari on IOS devices but wouldn't work on Safari on OS X.
then I added <link rel="icon" type="image/png" href="address of the largest Apple touch icon (152x152)"> and bingo! All of a sudden it worked in Safari on OS X.
Hope this helps someone.

Similar Messages

  • Javascript code needed for "Add to Favorites" icon in Webhelp using RH8

    Hi,
      I have a huge problem in making the add to favorites icon click event associate with the appropriate code.
    This was the code i used in the Inline Javascript tab:
    <script type="text/javascript" language="JavaScript" src="showhide.js"></script>
    <input type="image" value="Add to Favorites" onclick="window.external.AddFavorite(location.href, document.title);return false"
    /="" name="AddTopicToFavorites_selected.gif"  src="AddTopicToFavorites_selected.gif"  
    <script type="text/javascript">var BookmarkURL="http://www.geekpedia.com"
    var BookmarkTitle="Geekpedia"
    // If the browser is Internet Explorer
    if (document.all)
      // Add to Favorites (Internet Explorer)
        window.external.AddFavorite(BookmarkURL,BookmarkTitle)
          else
                  // Add to Bookmarks (Mozilla Firefox)
                  window.sidebar.addPanel(BookmarkTitle, BookmarkURL, '');
          }</script>
    Also in the onclick in the Edit tab, i wrote: window.external.AddFavorite(BookmarkURL,BookmarkTitle)
    It loads the add to favorites window very well as in any IE..But since the static word Geekpedia is being used, it displays the same and also navigates to the static URL http://www.geekpedia.com".
    I want to make it work dynamically...Please help me with any code change if any one has tried this before.
    One other thing that got messed up with was this icon replaced all other icons in the output....but...if i viewed the whskin_tbars.htm, i could see that the default icons appeared below somwhere...and there was this Add to Favorites icon appearing at the top...I dont know why these icons have got misplaced,,,i want to align them all in the same line..
    Please help me with this.....
    -Nanditha

    Hi,
    A long story, but I will need some more time to sort this out:
    Simple solutions:
         - Change the var BookmarkURL="http://www.geekpedia.com" to your own URL, such as: var BookmarkURL="http://myhelp.com"
         - Change the var BookmarkTitle="Geekpedia" to your name, such as: var BookmarkTitle="My help system"
         - Do not insert an image trough the javascript tab, add it using the image options with the custom toolbar items popup. This will probably solve your image problem.
    If you want to the URL dynamic, you need document.location.href, such as: var BookmarkURL = document.location.href; This however will get the adress of the current frame, which is whskin_tbars.htm.
    If you want to get the Title dynamic, you will need document.getElementsByTagName('title')[0]; and then you need to retrieve the title, as: xxx.firstChild.data,: such as:
         - var BookmarkGet = document.getElementsByTagName('title')[0];
         - var BookmarkTitle = BookmarkGet.firstChild.data;
    This always gets the URL and the Title of the frame you inserted the script in, which for the button toolbar is whskin_tbar.htm. When you insert this in any give topic, your bookmark will work fine, but will only call the topic, and not your skin.
    If you only want the URL of your helpsystem, I suggest you just change the  variables BookmarkURL and BookmarkTitle.
    If you want to target the current topic from any other location, such as the title bar, you need to address the top frame and then the topic. I don't know which frame this is, but I will look into it. This may take me some time though, but perhaps someone else knows which frames to address.
    Example for getting the url of your helpsystem dynamically:
    var BookmarkURL= this.parent.document.location.href;
    //Your projects main file does not have a title, so don't get it dynamically.
    var BookmarkTitle="My help system"
    // If the browser is Internet Explorer
    if (document.all)
      // Add to Favorites (Internet Explorer)
        window.external.AddFavorite(BookmarkURL,BookmarkTitle)
          else
                  // Add to Bookmarks (Mozilla Firefox)
                  window.sidebar.addPanel(BookmarkTitle, BookmarkURL, '');
    Long story, if you have any further questions, just ask.
    Greets,
    Willam

  • Delete Favorites ICONS Safari iOS 8

    I know how to delete my bookmarks, but how do I delete the Favorites Icons in Safari on my iPad with iOS 8?

    Ok well you need to delete the bookmarks you have saved in the FAVOURITES folder of your Bookmarks to remove the icons. If you don't wish to delete them visit the pages first, save them again in an alternative location/folder and then delete from the FAVOURITES folder of your bookmarks.
    Oh and by the way, if you've got iOS 8 you're doing very well as they've only just released iOS 7 last month.
    Regards,
    Steve

  • Favorites icon gone from Oracle SQL Developer Help screen

    Favorites icon gone from Oracle SQL Developer 3.0 Help Center screen
    How do I get it back?
    In Oracle SQL Developer 3.0 I clicked
    Help->Table of Contents
    to bring ut the Help Center window.
    It the Help Center window I used to have a Favorites tab next
    to the Contents TAB on the left side of the window.
    I did an unpin some how and now I can't get the Favorites
    TAB back.
    On the right side there is a Star + icon that does
    Add to Favorites.
    I can add links to favorites but I have no way to go to these
    saved favorites anymore.
    How do I get the Favorites TAB/Icon back?
    Thanks

    Hi John,
    SQL Developer depends on JDeveloper code for the Help. After closing the Favorites tab I see no way to re-open it in the UI, so I imagine there may be a bug on the JDev side. Fortunately, there is a manual fix:
    In file product-preferences.xml
    In directory C:\Documents and Settings\<userid>\Application Data\SQL Developer\system3.0.04.34\o.sqldeveloper.11.1.2.4.34
    use Notepad to look for the lines like:
          <value n="helpDynamicLinksNavigatorLocation" v="3"/>
          <value n="helpFavoritesNavigatorLocation" v="0"/>
    Just change the value "0" to "2"Regards,
    Gary
    SQL Developer Team

  • What happened to Favorites Icon?

    Just got an update today (14.0.1) and noticed I've lost my Favorites Icon. Checked in the about:config and that item is set to true. Now what?

    The developers have been eliminating a lot of duplicate elements and other things that they consider unnecessary like menu items that only appear when using the keyboard from the user interface during the last few releases and there will be more changes. So you will have to get used to it and either check the docs on the SUMO Knowledge Base or search the internet for information about such changes to find out how it works now.

  • Can't find my Favorites Icon

    Looking for my favorites icon and don't see it

    Click Menu>Customize which should be down near the bottom. Then check if its in the list of icons it brings up.
    Have a great day!!
    Jon

  • Safari favorite icons blinking, blurred when new tab activated - new behavior

    Safari favorite icons blinking, blurred like double vision, when new tab activated - new behavior. 
    Yosemite - all updates completed.
    Have closed Safari and reopened x2, have restarted computer.
    The favorites on tool/task bar work, just not the favorite icons on opening page of new tab

    It has resolved itself! 

  • Favorite icon like chrome

    hello, is it possible to show icon at favorite bar? like chrome...!?

    Yes. It's called the Bookmarks Bar in Safari.
    Go to a page your wan to bookmark. If you use tabs, you can open multiple webpages in tabs to bookmark them as a collection.
    Choose Bookmarks / Add Bookmark, or Bookmarks / Add Bookmark for These Tabs.
    In the drop down type a name for the bookmark or collection.
    Open the pop up menu and choose Bookmarks Bar, then click Add.
    Too add a bookmark quickly, click the Add (plus) button in the toolbar, or drag the webpages icon from the address field to the bookmarks bar.

  • Browser favorites icons & labels

    can favorites take on the same icons as they would on a browser on a pc, as opposed to a screen shot?
    eg every favorite from google websites will get some kind of a "G" google logo?
    Also can we edit the label underneath the icons?
    Thanks.

    As of OS 1.0.6 : no and no.
    The search box on top-right of this page is your true friend, and the public Knowledge Base too:

  • Favorite ICON on Oracle Portal R1

    anyone know how i can add my icon to my default portal homepage??
    plz help me

    I use unstructured UI Templates to apply headers and footers to my portal. These are simply HTML with Oracle substitution tags for the body, among other things.
    Place the HTML in the head section of the UI Template.
    If you are not using UI Templates, save the icon as favicon.ico in the root directory of your domain. Each time your Web page is added to a user's favorites, Internet Explorer automatically searches for this file and places the icon next to all the favorites and quick links originating from your site.

  • How do you disable favorite icons?

    Hey all,
    I noticed that in Safari (5.1.7) (I'm guessing thats the latest) there are icons for your favorites. Most people said they have them on all of their book marks, but I only have them in bookmark folders. I've tried what I can find on the web to get rid of them, with no working way.
    May someone please post a way to remove them forever?
    Thank you!

    Hi Christopher ...
    If you are comfortable using Terminal located in Applications/Utilities try here >  Permanently disable Safari favicons

  • Changing or assigning Safari ios7 favorite icons on safari home screen

    Does anyone have any idea how to do this? the home screen is my bookmarks folder (by default), and there are icons for each website, but the icons are generic and some are just blank. does anyone know how to manaually assign them or force update them?
    any help would be great
    Details:
    Using Ios 7.0.3
    Bookmarks synced via icloud to a pc and ipad (same problem on ipad)

    ChrisJ4203 wrote:
    ... Still learning about iOS 7.
    Same here.

  • How do i resize my favorites icons on my home page?

    The icons just randomly appeared much smaller than when i first got the phone. It looks stupid now, I can barely read the names.

    You may want to change the overall font size via System Settings > Display.
    Not all icons can be resized ... for the ones that can, long-press the icon, then release and you should see a border around the icon with 'handles'.  Use the 'handles' to re-size the icon.

  • Wrong Favorite Icon after AT&T WiFi login

    I'm running Firefox 20.0 I have a link to Google on my Bookmarks Toolbar. This week I connected to the Internet from an airoirt using AT&T, where prior to logging in, I clicked on my Google link, and was redirected to the AT&T login screen. Immediately, the icon on my Toolbar changed from Google's logo to AT&T's blue striped ball. After I completed logging in, I returned to Google, however my Bookmarks Toolbar still shows the AT&T blue ball instead of Google's logo. How can I get the Google logo back? If it changed instantly from Google's logo to AT&T's, it should change instantly back, but it doesn't.

    Hello,
    please try the following add-on and see if it helps you:
    [https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/ Bookmark Favicon Changer on addons.mozilla.org]

  • Outlook 2010 on Exchange 2007 ~ Can no longer see Calendar in Folder List ~ Only viewable by right-clicking favorite icon and selecting 'Open in New Window'

    Office 2010, Windows 7 64 bit, BB sync, everything has been fine since forever. All of a sudden between Saturday and today, *poof* I can't get the calendar view.
    I have tried the switches, /resetfolder and all the rest, repair install Office, etc., no go.
    I can log into my OWA view and calendar shows up there, but on the local system, when you clicl on Calendar, it shows My Calendars at the top, but there is no calendar. The only way to view it is to right click Calendar and choose 'Open in New Window'.
    All my data is there, can add to it and all, but it is missing from the folder list, thereby making it very difficult to use.
    I also created a new profile, connected to Exchange ONLY and it still will only show the calendar if you select 'Open in New Window Only'. I can post a screen shot if this allows.
    Thanks in advance.
    Brian

     
    Hi ,
    I suggest you refer to the following steps to recreate the Calendar folder.
    1. Switch Outlook to Online mode.
    2. Start MFCMAPI and create a backup of the Calendar items
    a. Open the Calendar folder by double clicking it.
    b. Select all items (simple ctrl+a).
    c. Copy all items into an empty folder.
    d. Additionally you can create a backup using a PST file if you wish.
    3. Delete the Calendar folder using MFCMAPI.
    4. Close Outlook.
    5.Recreate Windows Profile and Outlook Profile.
    6. Start Outlook with “/resetfolders” switch, this will recreate the default Calendar folder.
    7. Try to set permissions on the Calendar folder to see how it works with a fresh and empty folder.
    8. Copy/Move the items back into the Calendar.
    By the way, I don’t understand “the local system” what you said, it can view My calendars at top in Outlook or OWA ?
    And it can’t view calendar list or the calendar content under My Calendar?
    Wendy Liu
    TechNet Community Support

Maybe you are looking for

  • Error message on important website

    I Get this error message on my login on an improtatnt website. No one can tell me what to do, I have reset my add ons and all that a few times. I need to be on this website I'm trying to access like yesterday so some quick perminent fix would be amaz

  • Firefox won't load at all, there is no "end processes" to end, it just won't load, no errors, just nothing.

    I used internet "exploder" several days in a row and now cannot load firefox. I have tried end processes and there is no firefox open, there are no errors, nothing supposedly wrong. I can't get it to laod. What do I do. I hate exploder.

  • Grey boxes with question marks

    When I view some PDFs, a grey box with a red question mark inside appears. I cannot move, edit, or delete these boxes. I searched the web and most of the responses indicated that such boxes indicated corrupt images, but my documents do not have image

  • For the love of God help...

    Alright, I've been playing around with Shake for months now. I've done the tutorials, read the books, etc. But every single time I import my own clips, Shake distorts them. The quality is ALWAYS much lower than the original clip. I'm talking pixellat

  • How to clear old class files cached in JVM

    JVM stores old class files in its cache even after the corresponding files have been deleted from the database. This causes a conflict if a new file is saved with the same name as one that was deleted earlier causing old data to be fetched and not th