Results 1 to 5 of 5

Thread: Little icons in address bar

  1. #1
    Join Date
    Dec 2008
    Posts
    94

    Little icons in address bar

    Hello Everybody,

    I would like to know that how do i put little icons in the address bar. Is there any kind of particular software available for it? Does any body have any idea about it? Can any body help me out with the correct logical solution for the above issue? Would be grateful to you if any body helps me out with the above issue.

    Thank you.

  2. #2
    Join Date
    Apr 2008
    Posts
    1,948

    Re: Little icons in address bar

    I just figured out how to make those today. On your index.html page, put both of these in the header:-
    <link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
    <link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon"> make the hrefs point to your icon. This is formatted for a .ico format.

  3. #3
    Join Date
    May 2008
    Posts
    2,012

    Re: Little icons in address bar

    They're called favicons and they were championed by the folks at Favicon.com. Anyone can create their own favicon. Here's how:

    1. Get a program to create 16x16 and 32x32 pixel images. We recommend you choose one of the following:
    • Download Microangelo, an icon editor and creator.
    • Use Favicon website for icon generator or download the free version of Icon Forge.

    2. Design your icons. The larger one is for the desktop and the smaller one appears in the browser's address bar.

    Notice how small this is and how little can be represented. Use a couple of colors and a simple design for a more recognizable icon. A symbol or letter works best.

    3. Save the file as "favicon.ico." Some browsers look for this name by default.

    4. Upload the favicon file to the root directory of your website. This is where you would also keep your index.html or default.html file.

    5. Add a line of code to each page of your site -- or at least to each page you want the favicon to appear with. Here's the code:

    Code:
    <LINK REL="SHORTCUT ICON" HREF="/favicon.ico">

  4. #4
    Join Date
    Apr 2008
    Posts
    2,005

    Re: Little icons in address bar

    For instance, when I look at the yahoo src code I see:
    <link rel="SHORTCUT ICON" href="http://us.i1.yimg.com/us.yimg.com/i/us/my/favicon.ico"> When I type in the url of "favicon.ico", the logo opens up in the web browser.When I put a similar tag:<link rel="SHORTCUT ICON" href="http://www.soboard.org/favicon.ico"> but it does not show up on the address bar. The icon is "favicon.ico" and is uploaded to the root.

  5. #5
    Join Date
    May 2008
    Posts
    2,297

    Re: Little icons in address bar

    Just follow this link <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> and you should put this script between your pages head tags.

Similar Threads

  1. Replies: 4
    Last Post: 14-04-2011, 08:13 AM
  2. Windows 7:All the icons are changed into generic icons
    By Raju S in forum Customize Desktop
    Replies: 5
    Last Post: 01-03-2011, 03:23 PM
  3. Replies: 4
    Last Post: 22-12-2010, 04:31 AM
  4. Replies: 4
    Last Post: 22-07-2010, 12:36 AM
  5. Replies: 4
    Last Post: 26-06-2010, 06:21 AM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Page generated in 1,751,669,162.09332 seconds with 16 queries