Results 1 to 9 of 9

Thread: Icon next to URL address

  1. #1

    Thread Starter
    Hyperactive Member
    Join Date
    Apr 2002
    Posts
    492

    Icon next to URL address

    I am just wondering how would l go about Adding my logo next to the URL address in the address bar. Just like vbforums.com has the VB with the blue background.

    Can some one provide me with info on how to do this?

    Thanks to all that reply.

  2. #2
    Super Moderator si_the_geek's Avatar
    Join Date
    Jul 2002
    Location
    Bristol, UK
    Posts
    41,974

    Re: Icon next to URL address

    I'm afraid I'm not an expert, but I know that it is known as a favicon.

    After a quick search.. apparently you just need to create an icon in the root of your site, and call it favicon.ico

  3. #3
    I'm about to be a PowerPoster! mendhak's Avatar
    Join Date
    Feb 2002
    Location
    Ulaan Baator GooGoo: Frog
    Posts
    38,170

    Re: Icon next to URL address

    Not entirely. Add favicon.ico to your root, then add this to the head section:

    <link rel="SHORTCUT ICON" href="/favicon.ico">

  4. #4

    Thread Starter
    Hyperactive Member
    Join Date
    Apr 2002
    Posts
    492

    Re: Icon next to URL address

    I have created the graphic, and managed to get it up there, it was a lot easier than I thought. But I did manage to run into a problem. On the page that I have this little icon, I have a frame, and when I click on something on the navigation bar, it loads in the frame that, but when something changes in the frame the favicon disappears. I have put
    <link rel="SHORTCUT ICON" href="/favicon.ico"> on every page and still no favicon after the initial load.


    Does anyone have any ideas on what could be causing this? What is a solution to it?

  5. #5
    Addicted Member bulletrick's Avatar
    Join Date
    Jul 2005
    Location
    Philippines
    Posts
    248

    Re: Icon next to URL address

    Maybe that is what you did wrong. You loaded <link rel="SHORTCUT ICON" href="/favicon.ico"> into every page.

    Try removing them from the pages that load into the frame and put the <LINK> tag only in the mother page.

  6. #6
    I'm about to be a PowerPoster!
    Join Date
    Jan 2005
    Location
    Everywhere
    Posts
    13,647

    Re: Icon next to URL address

    If you are using frames then the link tag should be in the frameset page, also, the code is slightly wrong, it should be
    HTML Code:
    <link rel="shortcut icon" type="image/ico" href="favicon.ico">
    Also, if you can, use a PNG or some other proper web format instead of an ICO.

  7. #7

    Thread Starter
    Hyperactive Member
    Join Date
    Apr 2002
    Posts
    492

    Re: Icon next to URL address

    I have changed my code to the following
    <link rel="shortcut icon" type="image/ico" href="favicon.ico"> and I am still having a problem. Same problem as before when I click on a link to load something new in the frame it looses the image. Also when I switch inbetween tabs it looses the image also.

  8. #8

    Thread Starter
    Hyperactive Member
    Join Date
    Apr 2002
    Posts
    492

    Re: Icon next to URL address

    It works fine in Opera. Does Firefox not like the frames that I am using?

  9. #9
    I'm about to be a PowerPoster!
    Join Date
    Jan 2005
    Location
    Everywhere
    Posts
    13,647

    Re: Icon next to URL address

    As long as you have the link tag in the frameset document that is the icon that will be used. Not any icon from the frames.

    Example frameset document:
    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    <html lang="en">
        <head>
            <title>Frameset favicon test</title>
            
            <link rel="icon" type="image/png" href="favicon.png">
        </head>
        
        <frameset cols="250, *">
            <frame src="frame1.html">
            <frame src="frame2.html">
        </frameset>
    </html>

Posting Permissions

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



Click Here to Expand Forum to Full Width