Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Nov 2006
    Posts
    50
    Thanks
    11
    Thanked 1 Time in 1 Post

    logo placement before http://www.site.com

    i'm not sure where to ask this question so i apologize if this is the wrong place.

    i'm wondering how to place a logo before the url address. on this site it shows "cf" written in black with a yellow highlight.

    thanks

  • #2
    Regular Coder croatiankid's Avatar
    Join Date
    Jan 2006
    Posts
    665
    Thanks
    1
    Thanked 12 Times in 12 Posts
    Hi faclimber,

    It's called a favicon.

  • Users who have thanked croatiankid for this post:

    faclimber (02-13-2008)

  • #3
    New Coder
    Join Date
    Nov 2006
    Posts
    50
    Thanks
    11
    Thanked 1 Time in 1 Post
    thanks croatiankid!

    assuming my website is: favicon.com and my image is favicon.gif, is this code written correctly?

    <link rel="shortcut icon" href="http://favicon.com" type="image/favicon.gif" />
    <link rel="icon" href="http://favicon.com" type="image/favicon.gif" />

  • #4
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    It has to be an ico image if you want to support IE. It wouldn't be right anyway.
    Code:
    <link rel="shortcut icon" href="/images/favicon.gif" type="image/gif"/>

  • #5
    New Coder
    Join Date
    Nov 2006
    Posts
    50
    Thanks
    11
    Thanked 1 Time in 1 Post
    thanks CyanLight. i'm unfamiliar with ico images so i'll have to google it. am i to assume correctly that you can save files in illustrator/photoshop as such?

    if i'm reading this correctly, is the href="/images/favicon.gif" telling the browser where it should find the image and type="image/gif" is telling the browser what kind of file it is?

    assuming, favicon.ico is my image name would this code be correct?

    <link rel="shortcut icon" href="/images/favicon.ico" type="image/ico" />

  • #6
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Close, but no. The unrecognized MIME type is image/x-icon, but you should use the registered one, image/vnd.microsoft.icon

  • Users who have thanked Apostropartheid for this post:

    faclimber (02-13-2008)

  • #7
    New Coder
    Join Date
    Nov 2006
    Posts
    50
    Thanks
    11
    Thanked 1 Time in 1 Post
    how is this?
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/vnd.microsoft.icon"/>

    is this all you would need for the header because the link posted above stated that you needed to place two <link's> in the head.

    lastly, i just tried to save one of my gif's in photoshop as an ico and it didn't give me the option.

    thanks for the help thus far, you've been a great help and i really appreciate it.
    Last edited by faclimber; 02-13-2008 at 11:39 PM.

  • #8
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Yep, that's it.

    Take nothing at face value. You only need one: Firefox takes icon whilst IE takes shortcut icon. Both win.

    As for saving it: ICO plugin for Photoshop and Illustrator.

  • #9
    New Coder
    Join Date
    Nov 2006
    Posts
    50
    Thanks
    11
    Thanked 1 Time in 1 Post
    thanks again, CyanLight.

    i've got it working in firefox but it won't open correctly in safari. it shows an html document but not the image.

    should this code work for safari as well? i haven't been able to check it in ie yet as i don't own a pc.

    thanks again.


  •  

    Posting Permissions

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