Support Forums

Logo in address bar

This is a discussion on Logo in address bar within the Templates, HTML, CSS, and Design Help forums, part of the General category; Anybody know how to get my logo appear infront of the URL in the address bar and also on the ...


Go Back   68 Classifieds Forums > General > Templates, HTML, CSS, and Design Help

Reply
 
Thread Tools Display Modes
Old 02-03-2011, 06:04 PM   #1
Customer
 
Join Date: Oct 2009
Posts: 114
Rep Power: 10
belvedere is on a distinguished road
Default Logo in address bar

Anybody know how to get my logo appear infront of the URL in the address bar and also on the tittle tab of Explorer or Firefox? I see most websites have this feature now.

Thanks
Mike
belvedere is offline   Reply With Quote
Old 02-03-2011, 06:08 PM   #2
Customer
 
Join Date: Feb 2010
Location: Montreal, QC
Posts: 285
Rep Power: 12
EnergyFreak is on a distinguished road
Default

Yes, it is called a favicon. All you have to do is go to this website and upload your image and they will automatically save it as a .ico.

Dynamic Drive- FavIcon Generator

You will then upload your favicon.ico to your root folder on your server. Most browsers should detect it soon enough.

Note: it must be named favicon
EnergyFreak is offline   Reply With Quote
Old 02-03-2011, 06:29 PM   #3
Customer
 
Join Date: Oct 2009
Posts: 114
Rep Power: 10
belvedere is on a distinguished road
Default

Quote:
Originally Posted by EnergyFreak
Yes, it is called a favicon. All you have to do is go to this website and upload your image and they will automatically save it as a .ico.

Dynamic Drive- FavIcon Generator

You will then upload your favicon.ico to your root folder on your server. Most browsers should detect it soon enough.

Note: it must be named favicon
Great. Thanks I'll give it a try.
belvedere is offline   Reply With Quote
Old 02-03-2011, 08:25 PM   #4
Developer & Moderator
 
 
Join Date: Jan 2007
Location: Pennsylvania, USA
Posts: 2,311
Rep Power: 69
Mike-N-Tosh is just really nice Mike-N-Tosh is just really nice
Default

Or just add it like most folks do like this within the <head> ... </head>, because it doesn't have to be an ".ico" file at all.

HTML Code:
<link rel="icon" type="image/gif" href="/favicon.gif" />
The name favicon was derived, because it originally had to be in an icon format (.ico), but any modern browser will and can use just about any image as long as you define it in the declaration. The image should not be more than 16px x 16px though.
__________________
Mike-N-Tosh
IndianaPC.org - A community website (v3.1.10 Developer - heavily modified & used as the CMS)
Sandbox [localhost(v3.1.10, v4.0.9, 4.1.10,4.2,5.0)] for development and customization
Visit My blog: reviews, tips, tricks, tutorials and my store with Templates, Mods & Docs
Web Hosting | Web Design & Development | 68 Classifieds Customizations
I am not a 68C employee, just a user and try to help out
Mike-N-Tosh is offline   Reply With Quote
Old 02-05-2011, 02:51 PM   #5
Customer
 
Join Date: Dec 2009
Posts: 59
Rep Power: 9
user2616 has a spectacular aura about
Default

Created favicon.ico using favicon.ico Generator

Uploaded favicon.ico to root directory.

Added following line to layout.tpl:
<link rel="icon" type="image/x-icon" href="favicon.ico" />

I can see icon in Chrome and Firefox.

IE8:
www.mysite.com - I can see icon
mysite.com - I cannot see icon

Any help is appreciated.
__________________
user2616
v4.1.9 Developer - Default Template (custom)

Last edited by user2616; 02-05-2011 at 02:55 PM.
user2616 is offline   Reply With Quote
Old 02-05-2011, 03:23 PM   #6
Developer & Moderator
 
 
Join Date: Jan 2007
Location: Pennsylvania, USA
Posts: 2,311
Rep Power: 69
Mike-N-Tosh is just really nice Mike-N-Tosh is just really nice
Default

Is your link element AFTER your base ref declaration? You might also try putting the full http uri in your href.

Typically, when there are any differences on your hosting service between displaying your site with and without the "www." means that your DNS entries aren't correct.
__________________
Mike-N-Tosh
IndianaPC.org - A community website (v3.1.10 Developer - heavily modified & used as the CMS)
Sandbox [localhost(v3.1.10, v4.0.9, 4.1.10,4.2,5.0)] for development and customization
Visit My blog: reviews, tips, tricks, tutorials and my store with Templates, Mods & Docs
Web Hosting | Web Design & Development | 68 Classifieds Customizations
I am not a 68C employee, just a user and try to help out
Mike-N-Tosh is offline   Reply With Quote
Old 02-05-2011, 04:13 PM   #7
Customer
 
Join Date: Dec 2009
Posts: 59
Rep Power: 9
user2616 has a spectacular aura about
Default

Thanks Mike for your reply.

I added link element AFTER the base ref declaration.

Changed the link element as follows:
<link rel="icon" type="image/x-icon" href="{$smarty.const.URL}/favicon.ico" />

Chrome:
www.mysite.com - I CAN see icon
mysite.com - I CAN see icon

Firefox:
www.mysite.com - I CAN see icon
mysite.com - I CAN see icon

IE8:
www.mysite.com - I CAN see icon
mysite.com - I CANNOT see icon

I wonder why IE8 cannot show icon.
__________________
user2616
v4.1.9 Developer - Default Template (custom)
user2616 is offline   Reply With Quote
Old 02-05-2011, 06:21 PM   #8
Developer & Moderator
 
 
Join Date: Jan 2007
Location: Pennsylvania, USA
Posts: 2,311
Rep Power: 69
Mike-N-Tosh is just really nice Mike-N-Tosh is just really nice
Default

I hate IE all flavors, but alas... This should work for you.

Clear the Temporary Internet Files and the favicons should be acquired on the next visit to the site. If that still doesn't fix the issue try deleting the Browsing History screen and uncheck the "Preserve Favorites website data" box to get the incorrect favicons deleted.

IE always requests the favicon which it SHOULD NOT DO, but it's made by Microsoft who makes their own rules regardless of the standards. Since you didn't have a favicon before and now you do, it most likely has already marked the site as not having one.
__________________
Mike-N-Tosh
IndianaPC.org - A community website (v3.1.10 Developer - heavily modified & used as the CMS)
Sandbox [localhost(v3.1.10, v4.0.9, 4.1.10,4.2,5.0)] for development and customization
Visit My blog: reviews, tips, tricks, tutorials and my store with Templates, Mods & Docs
Web Hosting | Web Design & Development | 68 Classifieds Customizations
I am not a 68C employee, just a user and try to help out
Mike-N-Tosh is offline   Reply With Quote
Old 02-06-2011, 05:41 AM   #9
Customer
 
Join Date: Dec 2009
Posts: 59
Rep Power: 9
user2616 has a spectacular aura about
Default

Hi Mike,

Cleared the Temporary Internet Files.

IE8:
Visited mysite.com - I CANNOT see icon

Deleted the Browsing History.

IE8:
Visited mysite.com - What a magic! Now I CAN see icon

Mike, thank you for helping me.
__________________
user2616
v4.1.9 Developer - Default Template (custom)
user2616 is offline   Reply With Quote
Reply

Thread Tools
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
User Address Fields 3Dog Technical Support 2 07-27-2009 09:17 PM
Alternative Address seymourjames Modification Release 0 06-11-2009 01:46 PM
Hide Address, Phone Number and Email Address of Sellers in Listings suav Technical Support 2 09-09-2008 05:34 PM
Address fields etc Shill Technical Support 3 09-03-2008 03:04 PM
When not using Address or City Grebogreen Technical Support 2 07-05-2007 11:46 AM


All times are GMT -4. The time now is 07:34 AM.


Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2011, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0