Public Schedule Face-to-Face & Online Instructor-Led Training - View dates & book

dreamweaver.training - icon

Forum home » Delegate support and help forum » Dreamweaver Training and help » dreamweaver.training - Icon

dreamweaver.training - Icon

ResolvedVersion Standard

Sara has attended:
Dreamweaver 8 Introduction course
Dreamweaver 8 Intermediate course

Icon

How do people get a personalised little icon to appear on the tabs of IE7, and in the URL address box? I was thinking of adding a mini-version of our logo.

Thanks

Sara

Adding a favourites icon to each page

Hi again Sara! :)

Yes, this effect looks quite good, doesn't it? And it really brands each of your web pages. People subconsciously know they are still on your site, and it's easier to find and flick back to your web site's tab.

The code you need to insert into the <HEAD> section of each page (or ideally your template) is this:


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


This assumes you have uploaded an .ico (in this case called yourlogo.ico) to an /image/favicon folder on your server.

There are two lines because some browsers search for 'shortcut icon' and others search for 'icon'... it's best to cover all bases.

You will also need an icon editor or graphics application that can save to .ico format. I'd recommend http://www.aha-soft.com/iconutils which is free trial for 30 days, and then you can buy if you like it. Or search Google for icon software.

Colours can be an issue, you may only have 256 colours to work with, but because the icons are so small, it shouldn't mater.

Good luck!

Regards, Rich

RE: adding a favourites icon to each page

Thanks Rich.

I was able to create the icon and stored in the folder as you suggest. Does it need to be actually uploaded to the website on the server for it to work? When I did F12 to test locally the icon did not appear in the tab or URL address box.

Sara

RE: adding a favourites icon to each page

Sara,

Yeah, you need to upload it to the server for it to work.
I don't reckon the local test would work.

You don't have to use that folder structure, it was just suggestion. I would recommend creating a 'favicon' folder in your normal image storage location, and storing it there.

Rich

RE: adding a favourites icon to each page

Dear Rich

I have made it work today, but I needed to store the icon in my root folder for the code to work.

A tip sent through by my 24 year-old son..

Sara

 

Training courses

Training information:

Welcome. Please choose your application (eg. Excel) and then post your question.

Our Microsoft Qualified trainers will then respond within 24 hours (working days).

Frequently Asked Questions
What does 'Resolved' mean?

Any suggestions, questions or comments? Please post in the Improve the forum thread.

Dreamweaver tip:

Xhtml vs html

When using dreamwear template or just creating a blank webpage, you are able to select the markup language you want to use. The main choices are either xhtml or html. It is now best to select xhtml as this will translate all the html into xml, so it is transmitted across the web in xml format. One of the main advantages of this is that it makes the site that you build much more compatible with the range of different web browsers that exist.

View all Dreamweaver hints and tips

Connect with us:

0207 987 3777

Call for assistance

Request Callback

We will call you back

Server loaded in 0.09 secs.