dreamweaver.training - icon

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

dreamweaver.training - Icon

resolvedResolved · Low Priority · Version 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:

JumpMenu in new window

When inserting a jumpmenu to a page, the only option available for 'open in' is usually 'main window'. There would be other options available if the page was a frameset.

To change the jumpmenu to open in a new window, change the target parameter of the selectbox in your code to 'window.open()'.

eg.

<select name="menu1" onChange="MM_jumpMenu('window.open()',this,0)">


source:
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_16166& ;sliceId=1

View all Dreamweaver hints and tips


Server loaded in 0.08 secs.