iEntry 10th Anniversary Forum Rules Search
WebProWorld
Register FAQ Calendar Mark Forums Read
Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum
The little graphic in the URL line
Index Link To US Private Messages Archive FAQ RSS
Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Share Thread: & Tags

Share Thread:

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 05-13-2009, 06:10 AM
crack's Avatar
WebProWorld New Member
  
Join Date: Jul 2003
Location: Cumbria, UK
Posts: 15
crack RepRank 0
Default The little graphic in the URL line
Hi

As on this site, you see a custom graphic in the URL line when loading a website. It's probably obvious to many people, but I've not even managed to work out what to search for on google.

Does anyone know how or where I can show our own graphic in he address bar?

Thank you very much for your time.

Warm regards
Craig
__________________
Warm regards
Craig
Reply With Quote
  #2 (permalink)  
Old 05-13-2009, 08:42 AM
Banned
  
Join Date: May 2009
Posts: 1
butch RepRank 0
Thumbs up Re: The little graphic in the URL line
Here we go search favicon in google i cant post link here cos havent done 10 posts :S but ye just search favicon in google and its the first site you see its a free favicon(favorites icon) there are many sites about that do this but i think this one is used the most its really easy to do just upload image and follow instructions
Reply With Quote
  #3 (permalink)  
Old 05-13-2009, 09:03 AM
Toni Anicic's Avatar
WebProWorld Pro
  
Join Date: Oct 2007
Location: Croatia, Osijek
Posts: 166
Toni Anicic RepRank 3Toni Anicic RepRank 3Toni Anicic RepRank 3
Default Re: The little graphic in the URL line
They are called favicons as butch mentioned. There are several really nice generators for these icons online, just Google it.
Reply With Quote
  #4 (permalink)  
Old 05-13-2009, 01:11 PM
crack's Avatar
WebProWorld New Member
  
Join Date: Jul 2003
Location: Cumbria, UK
Posts: 15
crack RepRank 0
Default Re: The little graphic in the URL line
Wow. Thank you very much. I really appreciate the help.
__________________
Warm regards
Craig
Reply With Quote
  #5 (permalink)  
Old 05-18-2009, 12:54 PM
WebProWorld Member
  
Join Date: Apr 2008
Location: SouthEast
Posts: 78
zeruel RepRank 0
Default Re: The little graphic in the URL line
I guess there's also a standard size for favicons... Try to follow with the standards as well. Thanks guys!
Reply With Quote
  #6 (permalink)  
Old 05-21-2009, 10:52 PM
WebProWorld Member
  
Join Date: May 2009
Posts: 29
junosama RepRank 1
Default Re: The little graphic in the URL line
File name is favicon.ico create a 16x16 gif and save it then change the file extension form .gif to .ico and upload it to your main website folder.
Reply With Quote
  #7 (permalink)  
Old 05-22-2009, 07:51 AM
crack's Avatar
WebProWorld New Member
  
Join Date: Jul 2003
Location: Cumbria, UK
Posts: 15
crack RepRank 0
Default Re: The little graphic in the URL line
Thank you all very much. Junosama, a thank you for helping me realise how very easy it is.
__________________
Warm regards
Craig
Reply With Quote
  #8 (permalink)  
Old 06-11-2009, 02:12 AM
Doc's Avatar
Doc Doc is online now
WebProWorld Veteran
WebProWorld MVP
  
Join Date: Jun 2009
Location: Baja California
Posts: 697
Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9
Default Re: The little graphic in the URL line
I'm glad I stumbled across this thread. I've been trying to find how to do that.

I saved our logo as a 16 x16 file, called favicon.ico, and put it in the index_files folder on the website, but it doesn't appear when I load the page.

Did I put it in the right place? Or should it go in the root?


Edit: Never mind, I see what I did wrong. You have to add this between the metatags and the </head>:
<link REL="SHORTCUT ICON" HREF="http://mysite.com/favicon.ico">

 Works great!

Thanks a ton!
Last edited by Doc; 06-11-2009 at 02:27 AM.
Reply With Quote
  #9 (permalink)  
Old 11-03-2009, 03:35 PM
morestar's Avatar
WebProWorld Veteran
WebProWorld MVP
  
Join Date: Jun 2007
Location: Burlington, Ontario (Toronto)
Posts: 998
morestar RepRank 5morestar RepRank 5morestar RepRank 5morestar RepRank 5morestar RepRank 5morestar RepRank 5
Default Re: The little graphic in the URL line
I really like this favicon generator.

Now'a days you can use a 16X16, 32X32 or whatever size you want just as long as the width and height are the same before you upload it to the generator.

In your HTML add the following code between the <head></head> tags...

<link rel="shortcut icon" href="your-path/favicon.ico" type="image/x-icon">
<link rel="icon" href="your-path/favicon.ico" type="image/x-icon">


This should work just fine for you. Also note you can make your favicon animated as well = )
__________________
Join free dating sites and meet single people without paying a penny.
Reply With Quote
  #10 (permalink)  
Old 11-03-2009, 05:54 PM
Doc's Avatar
Doc Doc is online now
WebProWorld Veteran
WebProWorld MVP
  
Join Date: Jun 2009
Location: Baja California
Posts: 697
Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9
Default Re: The little graphic in the URL line
Quote:
Originally Posted by morestar View Post
I really like this favicon generator.

Now'a days you can use a 16X16, 32X32 or whatever size you want just as long as the width and height are the same before you upload it to the generator.

In your HTML add the following code between the <head></head> tags...

<link rel="shortcut icon" href="your-path/favicon.ico" type="image/x-icon">
<link rel="icon" href="your-path/favicon.ico" type="image/x-icon">


This should work just fine for you. Also note you can make your favicon animated as well = )

That's pretty slick, but I ended up going away from the animated favicon. It would loop just fine viewing it off-line, but only went through one iteration on-line.

S'okay, though. It gave me an excuse to make a few other minor "massages" while I was in there!

Thanks, morestar.
__________________
If I ever stop learning, let the wolves have my carcass.
http://doccampbell.wordpress.com/
http://cleanstreamwaterconditioning.com
http://carforums-online.com
Reply With Quote
  #11 (permalink)  
Old 11-03-2009, 05:56 PM
morestar's Avatar
WebProWorld Veteran
WebProWorld MVP
  
Join Date: Jun 2007
Location: Burlington, Ontario (Toronto)
Posts: 998
morestar RepRank 5morestar RepRank 5morestar RepRank 5morestar RepRank 5morestar RepRank 5morestar RepRank 5
Default Re: The little graphic in the URL line
Not a problem Doc, and the animation was setup in ImageReady...I just set the loop to be infinite, saved it and visited the favicon generator site, from there the generator preserved the animation...

honestly though, I'm getting rid of the animation/blinking, on my end it kind of feels silly now...
__________________
Join free dating sites and meet single people without paying a penny.
Reply With Quote
  #12 (permalink)  
Old 11-03-2009, 06:18 PM
Doc's Avatar
Doc Doc is online now
WebProWorld Veteran
WebProWorld MVP
  
Join Date: Jun 2009
Location: Baja California
Posts: 697
Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9Doc RepRank 9
Default Re: The little graphic in the URL line
Quote:
Originally Posted by morestar View Post
...honestly though, I'm getting rid of the animation/blinking, on my end it kind of feels silly now...
I know.

(but I'm a gizmo junky! )
__________________
If I ever stop learning, let the wolves have my carcass.
http://doccampbell.wordpress.com/
http://cleanstreamwaterconditioning.com
http://carforums-online.com
Reply With Quote
  #13 (permalink)  
Old 11-03-2009, 07:20 PM
morestar's Avatar
WebProWorld Veteran
WebProWorld MVP
  
Join Date: Jun 2007
Location: Burlington, Ontario (Toronto)
Posts: 998
morestar RepRank 5morestar RepRank 5morestar RepRank 5morestar RepRank 5morestar RepRank 5morestar RepRank 5
Default Re: The little graphic in the URL line
I know...everybody needs their fix...

__________________
Join free dating sites and meet single people without paying a penny.
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum

« IE6 and CSS Drop Down / Background Image Problems | replace color technique in photoshop »
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Graphic Designer knlt Graphics & Design Discussion Forum 4 12-27-2006 05:18 PM
add my graphic please nipplecharms1 Member Photos 1 06-08-2006 03:02 PM
How to you get the icon(graphic) on the URL Address line. toddtvl Graphics & Design Discussion Forum 4 05-07-2004 11:50 AM


All times are GMT -4. The time now is 09:09 PM.

WebProWorld - Archive - Top

WebProWorld | Advertise | Contact Us | About | Forum Rules | MVP's | Archive | Newsletter Archive | Top | WebProNews
WebProWorld is an iEntry, Inc. ® site - © 2009 All Rights Reserved Privacy Policy and Legal
iEntry, Inc. 2549 Richmond Rd. Lexington KY, 40509

Search Engine Optimization by vBSEO 3.3.0