Icon in address bar


DevX Home    Today's Headlines   Articles Archive   Tip Bank   Forums   

Results 1 to 5 of 5

Thread: Icon in address bar

  1. #1
    Ali Imran Guest

    Icon in address bar


    I know this is gimmicky and a bit tacky, but can someone tell me how to change
    the icon that's on the left in the address in IE (and possibly Netscape and
    opera as well).

    I've seen it done on various sites but can't figure out from the source code
    how the "icon" is implemented.

    I want to put my company's logo in there instead of the standard IE logo.

    Cheers



  2. #2
    Constance J. Petersen Guest

    Re: Icon in address bar

    Hi Ali,

    "Ali Imran" <aimran@saudionline.com.sa> wrote in message
    news:3cd6829e@10.1.10.29...
    > I know this is gimmicky and a bit tacky, but can someone tell me how to change
    > the icon that's on the left in the address in IE (and possibly Netscape and
    > opera as well).


    If you search google for favicon.ico, you can find out all about it.

    In brief, you need to create an icon file, name it favicon.ico, and put it in
    your Web site's root directory to make it the default for every page in your Web
    site.

    It was first implemented in IE 5, and I don't know if any versions of Netscape
    or Opera support it.

    --
    Constance Petersen, DevX newsgroup section leader
    SoftMedia Artisans, Inc.
    http://www.smartisans.com
    For useful, usable software and Web sites
    Featured Web design: http://www.keweenawnow.com/
    --
    Please reply in the newsgroup so everyone can benefit




  3. #3
    Spiderman Guest

    Re: Icon in address bar


    Found this on one of the website. Hope it helps. cHeers.

    ============================================================
    Script: Adding An Icon With Your URL - Two Methods

    Functions: Whenever anyone bookmarks your site, an icon
    will subsequently show up on their Favorites
    list. When your site is visited, the icon
    will also show in the URL box of the browser.

    Browsers: IE5 and Later (ignored by other browsers)

    Author: etLux - after Microsoft
    ============================================================

    ===========
    Method One
    ===========

    Select any standard Windows icon file. The .ico file *must*
    be in standard Windows icon file format, or it will be
    ignored.

    Rename the icon file *exactly* to: favicon.ico -- all
    lowercase. No deviation from this is allowed.

    Place the favicon.ico file in the 'root' directory on your
    web server (where your main index page is).

    Whenever your site is bookmarked, the icon will subsequently
    show up on the visitor's Favorites list. When they visit
    your site, the icon will also show in the URL window of the
    browser.

    That's all there is to it -- it's automatically picked up by
    IE5 and later browsers.

    ===========
    Method Two
    ===========

    Insert the following LINK tag in the <head>...</head> of
    your pages.

    <LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">

    Change the path and icon filename to correspond to the
    location of the icon file on your site. The icon graphic
    filename should be lowercase, no more than eight characters,
    and the extension must be .ico.

    As above, the file *must* be in standard Windows icon file
    format or it will be ignored.

    When you use this method as opposed to Method One above, the
    LINK REL code should appear on any page that might be
    bookmarked.

    Don't forget to confirm that the icon file is actually where
    you say it is in the LINK REL path!

    ==================================
    More Information - Creating Icons
    ==================================

    The following is an exact quote from Microsoft®:

    "For Internet Explorer 5, the required size of a shortcut
    icon is 16x16 pixels. To create the icon, use an icon
    editor, such as the one included in Microsoft® Visual
    Studio® or one of the many other icon editors available.
    Regardless of the program you use, make sure you set the
    editor to create an icon that is 16x16 pixels. Otherwise,
    the icon will be ignored by Internet Explorer."

    ================
    Troubleshooting
    ================

    We've noticed occasionally quirky behavior with this IE5
    feature on several systems.

    In many cases the icon will not appear on your machine until
    *after* you perform the following steps:

    - close *all* programs but the browser
    - navigate to a neutral site, off your own url
    - remove any and all bookmarks (favorites) to your
    site that you may currently have
    - clear the History and the Cache of the browser
    - reboot, clear the Recycle Bin
    - reboot again, bookmark your site
    - reboot [sigh] again...

    ============================================================



    "Ali Imran" <aimran@saudionline.com.sa> wrote:
    >
    >I know this is gimmicky and a bit tacky, but can someone tell me how to

    change
    >the icon that's on the left in the address in IE (and possibly Netscape

    and
    >opera as well).
    >
    >I've seen it done on various sites but can't figure out from the source

    code
    >how the "icon" is implemented.
    >
    >I want to put my company's logo in there instead of the standard IE logo.
    >
    >Cheers
    >
    >



  4. #4
    Renjini Guest

    Re: Icon in address bar


    "Ali Imran" <aimran@saudionline.com.sa> wrote:
    >
    >I know this is gimmicky and a bit tacky, but can someone tell me how to

    change
    >the icon that's on the left in the address in IE (and possibly Netscape

    and
    >opera as well).
    >
    >I've seen it done on various sites but can't figure out from the source

    code
    >how the "icon" is implemented.
    >
    >I want to put my company's logo in there instead of the standard IE logo.
    >
    >Cheers
    >
    >



  5. #5
    cogburn Guest

    Re: Icon in address bar


    <LINK REL="SHORTCUT ICON" HREF="/images/myicon.ico">

    "Renjini" <Renjini_raju@rediffmail.com> wrote:
    >
    >"Ali Imran" <aimran@saudionline.com.sa> wrote:
    >>
    >>I know this is gimmicky and a bit tacky, but can someone tell me how to

    >change
    >>the icon that's on the left in the address in IE (and possibly Netscape

    >and
    >>opera as well).
    >>
    >>I've seen it done on various sites but can't figure out from the source

    >code
    >>how the "icon" is implemented.
    >>
    >>I want to put my company's logo in there instead of the standard IE logo.
    >>
    >>Cheers
    >>
    >>

    >



Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center
 
 
FAQ
Latest Articles
Java
.NET
XML
Database
Enterprise
Questions? Contact us.
C++
Web Development
Wireless
Latest Tips
Open Source


   Development Centers

   -- Android Development Center
   -- Cloud Development Project Center
   -- HTML5 Development Center
   -- Windows Mobile Development Center