Adding an image to the url input box

Discussion in 'HTML & Website Design' started by macdee1823, Jul 12, 2008.

0
  1. #1
    Hey,

    Not experienced with web design at all, as you will probably know from the question I'm about to ask.

    How do I add an image so that it appears next to the url input field and on the tab of a page?

    Thanks in advance
     
    macdee1823, Jul 12, 2008 IP
  2. skenk

    skenk Banned

    Messages:
    180
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    <link rel="shortcut icon" href="image.ICO">

    this is called a favicon you will have to make the image, there is plenty help if you google it :)
     
    skenk, Jul 12, 2008 IP
  3. macdee1823

    macdee1823 Peon

    Messages:
    83
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    ahhh, right, thanks for that. I've seen this in the code of a few sites I looked at. And I'm assuming that the image file has to be an ICO file?
     
    macdee1823, Jul 12, 2008 IP
  4. skenk

    skenk Banned

    Messages:
    180
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #4
    yeah it does, google how to make them there are hundreds of generators on the net...

    REPs please :D
     
    skenk, Jul 12, 2008 IP
    macdee1823 likes this.
  5. bavington

    bavington Peon

    Messages:
    74
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #5
    You can download an ico plugin for Photoshop. Here

    Simply make a canvas 16x16 Pixels. You can treat the ICO as a PNG, as you can have Transparant Background.

    Check out my blog post on adding an ico to your web-site.
     
    bavington, Jul 15, 2008 IP
  6. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #6
    If you use GIMP, it's simply an option you can save to. When you save as .ico, the default name may be Untitled. The name should always be changed to
    favicon.ico

    and it should normally be placed at the root of your website's server. However, I have multiple web sites on a single server, so if this is also the case for you, make sure it's in the same folder as the main HTML for the site.
    <link rel="shortcut icon" href="image.ICO"> should be
    <link rel="icon" href="favicon.ico" type="image/x-icon">

    I know some browser will show the favicon without the meta tag, but not all. There are prolly some browsers who will show something called whateverimage.ico too. But the standard seems to be favicon.ico with a meta tag.
     
    Stomme poes, Jul 15, 2008 IP