logo
Previous Thread
Next Thread
Print Thread
Page 1 of 2 1 2
#155757 08/05/04 08:46 AM
Joined: Apr 2004
Posts: 108
Jellyfish
OP Offline
Jellyfish
Joined: Apr 2004
Posts: 108
Diane,

I'm still working on our website and I was wondering if you can tell me how to place a custom icon next to the web page title when the page is displayed in the browser, and also how to place one next to the web page in the bookmark section? Is it done in HTML or JavaScript or something else? I also need to know how many pixels wide/tall the icon should be made at?

My husband hasn't had a chance to try the compression feature for the banner yet, but I'll let you know how it works when he does.

Thanks,

Sponsored Post Advertisement
#155758 08/07/04 12:07 PM
Joined: Apr 2003
Posts: 2,014
BellaOnline Editor
Koala
Offline
BellaOnline Editor
Koala
Joined: Apr 2003
Posts: 2,014
Hi,

First you need to make your icon in Paint Shop Pro, Photoshop (or an icon editor program). Then save it in Photoshop in bitmap format. The default size is 32x32 pixels at 256 colors.

Next you need to convert it into an icon format. I use the program by Easy Apps called Icon Easel 98. You can download a free trial at http://www.easyapps.com. Just use Edit -- Paste from File to import the image. Or you can create the icon from scratch within this program. When you save the image in this program it will be saved in the icon format (.ico).

Then upload the image to your website files on your hosting server.

Add the following code into the head section of your webpages.
link rel="shortcut icon" href="http://www.yourwebsite.com/YourIcon.ico"
Don's forget to add the left and right brackets on the sides of this code.

The icon will show when someone saves you webpage as a favorite.

#155759 08/09/04 09:41 PM
Joined: Apr 2004
Posts: 108
Jellyfish
OP Offline
Jellyfish
Joined: Apr 2004
Posts: 108
Thanks, Diane will this also place an icon next to the title in the browser?

#155760 08/10/04 02:16 PM
Joined: Apr 2003
Posts: 2,014
BellaOnline Editor
Koala
Offline
BellaOnline Editor
Koala
Joined: Apr 2003
Posts: 2,014
It is supposed to show up in the address bar as well as in the favorites list. When I tested it, it did show up automatically in the favorites list. However, it did not show up in the address bar. I did a little research on the web and it seams you must do the following to make your new icon show in the address bar.

Go to the webpage that has the HTML coding for the shortcut icon.
Use your mouse to click and grab the E in the internet explorer address bar. Pull the E out of place and let go. Your custom icon will appear next to your webpage url instead of the E. You might need to do this a few times before it works. Also you might have to do this for each webpage.

I assume that everyone visiting your website would have to do the same in order for the icon to appear in their address bar. So that doesn't seem to be very useful does it? <img src="/images/graemlins/frown.gif" alt="" /> I've check several resources and they all suggest the same procedure.

#155761 08/10/04 03:05 PM
Joined: Apr 2004
Posts: 108
Jellyfish
OP Offline
Jellyfish
Joined: Apr 2004
Posts: 108
Quote:
Use your mouse to click and grab the E in the internet explorer address bar. Pull the E out of place and let go. Your custom icon will appear next to your webpage url instead of the E.
This would be more than you can expect from your page viewers <img src="/images/graemlins/smile.gif" alt="" /> . I'll see if I can find another reference on it, I thought you might have the answer off the top of your head.

Thanks so much for your help.

#155762 08/10/04 03:18 PM
Joined: Apr 2003
Posts: 2,014
BellaOnline Editor
Koala
Offline
BellaOnline Editor
Koala
Joined: Apr 2003
Posts: 2,014
Let me know if you find the answer. I'd be interested. Thanks

#155763 08/23/04 10:56 AM
Joined: Apr 2004
Posts: 108
Jellyfish
OP Offline
Jellyfish
Joined: Apr 2004
Posts: 108
Hi Diane,

Just wanted to let you know the code for the shortcut icon worked for the title bar also, at least in Netscape. It doesn't work at all in my IE but I don't have a very up to date version and no icons show there at all. The IE might also have a setting somewhere that needs to be set for that.

Anyway, I saw your article about adding icons to a website, http://www.bellaonline.com/articles/art23252.asp/zzz
and thought it was great. I just wanted to add that I've done a review of a shareware program called IconPilot, which I used for my project, and thought I might mention it as another option for your readers. Here is the link to the article:
http://www.bellaonline.com/articles/art21244.asp

Thanks again Diane, for all your help.

#155764 08/23/04 02:05 PM
Joined: Apr 2003
Posts: 2,014
BellaOnline Editor
Koala
Offline
BellaOnline Editor
Koala
Joined: Apr 2003
Posts: 2,014
Hi Ann,

Thanks for the compliment on the article. I realy liked your review of IconPilot. Would it be OK with you if I linked to your article from mine? <img src="/images/graemlins/laugh.gif" alt="" />

#155765 08/24/04 09:49 AM
Joined: Apr 2004
Posts: 108
Jellyfish
OP Offline
Jellyfish
Joined: Apr 2004
Posts: 108
Sure, I'll also link to your articles.

#155766 10/10/04 04:23 AM
Joined: Apr 2002
Posts: 3,718
BellaOnline Editor
Zebra
Offline
BellaOnline Editor
Zebra
Joined: Apr 2002
Posts: 3,718
I did a class on this a while back and from what I can remember IE can be very buggy with this. In my experience I had to do some jiggery pokery with it to get the favicons to show up at all and then it defaulted back to the blue E again.

I'd just leave it - more and more people are using other browsers now anyhow because of all the scares over security issues in IE and it works no problem at all in Netscape and Firefox. IE people who don't see it mostly won't even be aware that the icon is there unless they use one of the other browsers for some reason, and even fewer of those who do use the other browsers as well as IE will realise that the favicon should be showing up in all three.

I read both the articles and enjoyed them, thank you for sharing them.

Page 1 of 2 1 2

Moderated by  Digital Art and Animation 

Link Copied to Clipboard
Brand New Posts
Psalm for the day
by Angie - 02/27/24 08:00 PM
2024 - on this day in the past ...
by Mona - Astronomy - 02/27/24 05:45 PM
Astro Women - Birthdays
by Mona - Astronomy - 02/23/24 11:02 AM
Inspiration Quote
by Angie - 02/23/24 09:05 AM
Bird Buddy
by Angie - 02/22/24 08:18 PM
Sewing Ideas for St. Patrick's Day
by Cheryl - Sewing Editor - 02/21/24 05:33 PM
From Candlemas to March Equinox
by Mona - Astronomy - 02/20/24 03:20 PM
Tennis Legend Roger Federer - New Documentary
by Angela - Drama Movies - 02/19/24 08:57 PM
Lined Note Paper Template for Digital Planner
by Digital Art and Animation - 02/19/24 08:38 PM
Review - 20 Illustrator Color tips Helen Bradley
by Digital Art and Animation - 02/19/24 08:21 PM
Sponsor
Safety
We take forum safety very seriously here at BellaOnline. Please be sure to read through our Forum Guidelines. Let us know if you have any questions or comments!
Privacy
This forum uses cookies to ensure smooth navigation from page to page of a thread. If you choose to register and provide your email, that email is solely used to get your password to you and updates on any topics you choose to watch. Nothing else. Ask with any questions!


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2022 Minerva WebWorks LLC. All rights reserved.


Powered by UBB.threads™ PHP Forum Software 7.7.5