Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Apr 2012
    Posts
    95
    Thanks
    50
    Thanked 0 Times in 0 Posts

    Exclamation How to add an image to browser tab

    I dont know how to explain this. I want to add image to website which should load on browser tab. For this forum image CF shown on browser tab. Hope u guys got it

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,478
    Thanks
    6
    Thanked 981 Times in 954 Posts
    This is called “favicon”, a. k. a. “bookmark icon”. You create a 16×16 pixel PNG or GIF image and run it through the favicon generator. It will convert the image to the ICO format because IE doesn’t support other formats for these kinds of images. Then you put the icon in the root directory of your website and it should usually be displayed automatically. If not you can add a specific meta element to the head of your document like so:
    Code:
    <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico" />

  • Users who have thanked VIPStephan for this post:

    viddz (05-17-2012)

  • #3
    New Coder
    Join Date
    Apr 2012
    Posts
    95
    Thanks
    50
    Thanked 0 Times in 0 Posts
    whoah i did it. thanku VIPStephan

  • #4
    Regular Coder dan-dan's Avatar
    Join Date
    Aug 2009
    Location
    England
    Posts
    483
    Thanks
    22
    Thanked 79 Times in 78 Posts
    I remember testing favs on older versions of IE, and the image didn't always appear. I don't remember the exact problem, though although it wasn't always visible to my comp, it would appear to everyone elses.
    As weird as that sounds, I'm pretty sure I wasn't tripping!

    I also always add the meta tag to be extra safe
    Last edited by dan-dan; 05-17-2012 at 09:28 PM.

  • Users who have thanked dan-dan for this post:

    viddz (05-18-2012)

  • #5
    Regular Coder Taro's Avatar
    Join Date
    Oct 2011
    Location
    Geraldton, Ontario
    Posts
    155
    Thanks
    1
    Thanked 1 Time in 1 Post
    Hello,

    Generally if you have an FTP server you may not need to use any coding at all. Just place the favicon file on the general root area of the location and it should appear next to the nav bar on all pages of the site.
    Element ID

    Webs Support Helper

    Your friendly neighborhood Taroman.

  • Users who have thanked Taro for this post:

    viddz (05-18-2012)

  • #6
    New to the CF scene
    Join Date
    Mar 2011
    Posts
    5
    Thanks
    1
    Thanked 1 Time in 1 Post
    That icon is called as Fav Icon. You can add those types of images for your website by placing the code <link rel="shortcut icon" type="image" href="http://example.com/image.ico" />

    This will enable the Favicon across the website.

  • Users who have thanked stevemack for this post:

    viddz (05-18-2012)

  • #7
    Regular Coder
    Join Date
    Apr 2011
    Posts
    286
    Thanks
    2
    Thanked 39 Times in 39 Posts
    Some browsers have different HTML mark up for the favicon, and some older browsers just default to "http://domain.com/favicon.ico".

    Really you should always use "http://domain.com/favicon.ico" as your favicon path/file name to work in all cases.

  • Users who have thanked Wojjie for this post:

    viddz (05-18-2012)

  • #8
    New Coder
    Join Date
    Apr 2012
    Posts
    95
    Thanks
    50
    Thanked 0 Times in 0 Posts
    Thanku very much guys. where is the thread resolved button? Couldnt find it.

  • #9
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,478
    Thanks
    6
    Thanked 981 Times in 954 Posts
    Quote Originally Posted by viddz View Post
    Thanku very much guys. where is the thread resolved button? Couldnt find it.
    You’d edit your first post (in advanced mode) and choose “resolved” from the select box next to the title. Editing a post is only possible for a limited amount of time, though, so you might not be able to do that anymore.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •