Page 1 of 2 12 LastLast
Results 1 to 10 of 14

Thread: images in the adress bar.

  1. #1
    Join Date
    Sep 2005
    Posts
    87

    Default images in the adress bar.

    I have a question, and i don't know if any of you are able to ansawer this...

    I want to place a image before my URL in the status bar, how do i do this. (these can be displayed in firefox, but i don't know about IE.)

    EG: on the www.bizhat.com web page, in the adress bar, i see a small "B" with a "red" background. how do i do this with my website. (http://z4ii.bizhat.com) Is this done with the DNS, and does it cost money to do it with your DNS server? or can this be done with plain HTML, i tryed it by copying the code of the website, and then saveing it as HTML on my computer. But i saw no image.

    Google has a small "G" with a white background

    how do i do that?

    ~Rushlink

  2. #2
    Join Date
    Mar 2005
    Posts
    408

    Default

    that called Favicon

    here are some links for you
    http://www.favicon.com/
    http://www.chami.com/html-kit/services/favicon/
    http://tools.dynamicdrive.com/favicon/
    http://www.winterdrache.de/freeware/png2ico/index.html
    http://www.downloadjunction.com/product/software/91735/

    or follow these step

    How to Create a "Favicon.ico" File

    1. Create an image 16X16 pixels in size. Yes, it is really small and you can't really draw much in it. You should also restrict yourself to the standard Windows 16 colours, although I suspect that 256 colours will work fine. you can sue any photo editor like photoshop ect.

    2. If you like, you can also create a 32X32 pixel icon, which will be scaled to size for the Favorites menu and the location bar. You can even put both 16X16 and 32X32 pixel icons into the same icon file. Windows will use the former for its menus and the latter when the user opens up a folder that is set to display large icons. It's probably not really necessary to do this if you can't be bothered.

    3. Save the image as an ICO file (named "favicon.ico", of course).

    4. Upload it to your website. You don't need to upload one to every directory of your site if you don't want to waste space - simply put it in your root directory and IE will apparently locate it eventually. You can also upload it into your images directory, but you will need to modify your web pages if you do. See later in this article for more information on this.


    If your hosting company does not allow files with the .ICO extension to be uploaded, you might try to work around it by uploading it (in binary mode) with some other extension (like GIF). Once it's on your site, rename it using your FTP program to the correct extension.

  3. #3
    Join Date
    Mar 2005
    Posts
    408

    Default

    Favicons are cached similarly to html documents. When they are deleted from the cache, they revert to the standard IE icon...

    The solution is to hold down the mouse button while holding shift over the default IE icon in the address bar and then let go of the mouse button anywhere in the address bar. This seems to 'update' the favicon.

    it should work properly and correctly. try that out for those who use IE but cann't see favicon...

    good tips, isn't it?

  4. #4
    Join Date
    May 2005
    Posts
    211

    Default

    Place this in your html within the header as shown
    <head>
    <link rel="SHORTCUT ICON">
    href="mylogo.gif">
    .
    .
    </head>

  5. #5
    Join Date
    Mar 2005
    Posts
    408

    Default

    Quote Originally Posted by qwe123
    Place this in your html within the header as shown
    <head>
    <link rel="SHORTCUT ICON">
    href="mylogo.gif">
    .
    .
    </head>
    that's wrong code dude...
    Code:
    <link rel="shortcut icon" href="favicon.ico">
    the file name must be .ico !

  6. #6
    Join Date
    Aug 2004
    Location
    USA
    Posts
    996

    Default

    Quote Originally Posted by sawanbanna
    IE will apparently locate it eventually.
    www.cfe-clan.com

    Not showing up to well, but it shows up in the Bookmarks.

  7. #7
    Join Date
    May 2005
    Posts
    211

    Default

    Quote Originally Posted by sawanbanna
    Quote Originally Posted by qwe123
    Place this in your html within the header as shown
    <head>
    <link rel="SHORTCUT ICON">
    href="mylogo.gif">
    .
    .
    </head>
    that's wrong code dude...
    Code:
    <link rel="shortcut icon" href="favicon.ico">
    the file name must be .ico !
    I made a typo, it must be: <link rel="SHORTCUT ICON"
    href="mylogo.gif">

    It doesn't have to be .ico, check the url given below, and see the page source for yourself

    http://virjay78.tripod.com/index.htm

  8. #8
    Join Date
    Mar 2005
    Posts
    408

    Default

    Quote Originally Posted by CFE_aAa_FeLoNy
    www.cfe-clan.com

    Not showing up to well, but it shows up in the Bookmarks.
    it's showing just great on me, with no problem at all

    Quote Originally Posted by qwe123
    I made a typo, it must be: <link rel="SHORTCUT ICON"
    href="mylogo.gif"> It doesn't have to be .ico,
    Good to know that, thank you!

    Quote Originally Posted by qwe123
    check the url given below, and see the page source for yourself

    http://virjay78.tripod.com/index.htm
    that missed up!

  9. #9
    Join Date
    Sep 2005
    Location
    Not in TURKEY, in RIYADH
    Posts
    115

    Default

    when the HTML page saved in the Favorites it shows the icon not the explorer E, right ?

    that's what meaning of the image in address bar ?

  10. #10
    Join Date
    May 2005
    Posts
    211

    Default

    lost-strange,

    That's one aspect. If you load the page on any browser, it shows on the address bar. For e.x. if you type cnn.com on your addressbar and click go, the icon CNN appears on the address bar, and also in your fav's if you add the page.

Page 1 of 2 12 LastLast

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
  •