dreamweaver.training - Icon

The UK's most regular instructor-led training courses.
Training information: dreamweaver.training · Dreamweaver training · Adobe dreamweaver training

Resolved · Low Priority · Version Standard

Icon

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

by - delegate Sara [9 posts] (2007 Jan 30 Tue, 16:30) Reply

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

Version	Date	Location	Places available	Book	Next place rate:
Dreamweaver CS3 2 day course
Version	Date	Location	Places available	Book	Card	Invoice
CS3	2009 Jan 15 Thu + 16 Fri	Bloomsbury	6	book now	£495	£495
CS3	2009 Feb 12 Thu + 13 Fri	Bloomsbury	8	book now	£395	£415
CS3	2009 Mar 12 Thu + 13 Fri	Bloomsbury	8	book now	£395	£415
CS3	2009 Apr 16 Thu + 17 Fri	Bloomsbury	8	book now	£395	£415
CS3	2009 May 14 Thu + 15 Fri	Bloomsbury	8	book now	£395	£415
CS3	2009 Jun 11 Thu + 12 Fri	Bloomsbury	8	book now	£395	£415
Full Schedule: See all 11 Dreamweaver CS3 course dates. Bookings currently available until 12th November 2009.

Adding a favourites icon to each page

by - trainer Rich platinum contributer [744 posts] (2007 Jan 31 Wed, 09:32) Reply

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

by - delegate Sara [9 posts] (2007 Jan 31 Wed, 16:49) Reply

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

by - trainer Rich platinum contributer [744 posts] (2007 Jan 31 Wed, 17:30) Reply

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

by - delegate Sara [9 posts] (2007 Feb 23 Fri, 16:22) Reply

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

· Six Reasons to Outsource Dream Weaver Training
· Powerhouse Tips from Dreamweaver Training
· The Evolution of Macromedia DreamWeaver
· Advantages Of Using Dream Weaver To Design Web Pages
· Learn How to Build Complete Websites in Three Days