Sign In
Register
Help
How can I associate an icon of mine to a page I have created with Nvu?
This is what I have done so far: According to this page Method 1, I should add this text to the header section:
profile="http://www.w3.org/2005/10/profile">
<link rel="icon"
type="image/png"
href="http://example.com/myicon.png">
Substituting my page location, my icon format, and my icon location into their form, this is what I added to the header:
profile="file:///D:/Data/Web%20Pages/test.html">
<link rel="icon" type="image/gif"
href="D:%5CData%5CWeb%20Pages%5Cfavicon.GIF">
And this is my final result with a bit of context:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
profile="file:///D:/Data/Web%20Pages/test.html">
<link rel="icon" type="image/gif"
href="D:%5CData%5CWeb%20Pages%5Cfavicon.GIF">
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Home Page with Nvu</title>
</head>
I checked the properties of my icon and it is indeed 32 x 32 pixels and it uses 8-bit color as was suggested on the page that I have been trying to follow.
The result of all this is no icon but the addition of the following text to the top of the page when I view it in Firefox:
profile="file:///D:/Data/Web%20Pages/test.html">
What should I do differently to associate my icon with my web page?
Page 1 of 1
Nvu: Associate icon with HTML page
MultiQuote
#2
AuroraDizon 
- Advanced Member
-
- Group: Members
- Posts: 6,060
- Joined: 30-July 06
- Location:These are not the droids your looking for.
Posted 02 February 2009 - 03:43 PM
Well for starters it looks like your gif is still being coded from your computer. You need to upload the gif onto your website and change the corrisponding location / being root and wherever it is after that. Looks like they want you to make a folder in your directory of your website "images" quite standard. Put your image under the images folder make sure it matches the codes for the location of your gif. Secondly it also looks like the HTML page you are trying to view is also in your D:/ or on your computer instead of on your website your going to want to upload that html file onto your site.
#3
AuroraDizon
- Advanced Member
-
- Group: Members
- Posts: 6,060
- Joined: 30-July 06
- Location:These are not the droids your looking for.
Posted 02 February 2009 - 03:45 PM
When you say "add picture" to nvu from your computer unless you have an ftp set up on nvu itself to upload onto the site itself (and even if you do sometimes it is just easier to create items on nvu and then upload via your own ftp client.) So the coding will still say C:/blahblah/desktop/image.png instead of being a file on your webhost where it needs to be.
#5
AuroraDizon
- Advanced Member
-
- Group: Members
- Posts: 6,060
- Joined: 30-July 06
- Location:These are not the droids your looking for.
Posted 02 February 2009 - 04:05 PM
Odd whatever shows up in the picture view of editing the website should
be what shows up on the thing have you switched back and fourth between
coding version and visual? Alot of the time it takes messing around going through the code and making sure everything is 100% where it should be. You have a lot of % in the coding you have shown. Normally I only see those in spaces, some of those should be / file locations instead of %'s because i don't see any 5 on the page you referenced. Also pay close attention to where your putting the code into this stuff looks like it needs to go in your header. Also about the image, sometimes things can be a little weird so try some alternative versions saving it in another accepted file type and/or downgrading the size required a bit to see if that makes any difference.
be what shows up on the thing have you switched back and fourth between
coding version and visual? Alot of the time it takes messing around going through the code and making sure everything is 100% where it should be. You have a lot of % in the coding you have shown. Normally I only see those in spaces, some of those should be / file locations instead of %'s because i don't see any 5 on the page you referenced. Also pay close attention to where your putting the code into this stuff looks like it needs to go in your header. Also about the image, sometimes things can be a little weird so try some alternative versions saving it in another accepted file type and/or downgrading the size required a bit to see if that makes any difference.
#7
AuroraDizon
- Advanced Member
-
- Group: Members
- Posts: 6,060
- Joined: 30-July 06
- Location:These are not the droids your looking for.
Posted 02 February 2009 - 04:18 PM
Thanks I'm trying i'm not sure what a favicon is lol. Apparently it changes the little text icon in the url stuff right? Like the way this page displays a circle.
#8
number6
- Expert
-
- Group: Members
- Posts: 2,357
- Joined: 28-March 08
Posted 02 February 2009 - 04:22 PM
AuroraDizon said:
You have a lot of % in the coding you have shown. Normally I only see those in spaces, some of those should be / file locations instead of %'s because i don't see any 5 on the page you referenced. Also pay close attention to where your putting the code into this stuff looks like it needs to go in your header.
Nvu is changing my text dramatically. I'm not sure what to do about the percent signs, the "5"s, and "C"s. When I remove them Nvu puts them back in.
#9
number6
- Expert
-
- Group: Members
- Posts: 2,357
- Joined: 28-March 08
Posted 02 February 2009 - 04:26 PM
AuroraDizon said:
Thanks I'm trying i'm not sure what a favicon is lol. Apparently it changes the little text icon in the url stuff right? Like the way this page displays a circle.
Right. I want to put something in that's more snappy than the one in the tab on left of this picture.
( Ignore the arrows . I'm using a screen shot that I scrapped from a different post.)
!untitled.bmp!
#10
AuroraDizon
- Advanced Member
-
- Group: Members
- Posts: 6,060
- Joined: 30-July 06
- Location:These are not the droids your looking for.
Posted 02 February 2009 - 04:43 PM
Yep I figured seems cool something I was going to look into later, good to know what it is called when I want to install one lol. Good luck on figuring it out let us know of any progress or bumps.
#11
number6
- Expert
-
- Group: Members
- Posts: 2,357
- Joined: 28-March 08
Posted 02 February 2009 - 04:49 PM
Update: I used my original icon file and saved it in every format that MS Paint in Windows XP supports. With each, I replace the
type="image/gif"
with the given file type. I would also correct the icon location. With each file change there was no change in the appearance of the web page in Firefox.
type="image/gif"
with the given file type. I would also correct the icon location. With each file change there was no change in the appearance of the web page in Firefox.
#12
AuroraDizon
- Advanced Member
-
- Group: Members
- Posts: 6,060
- Joined: 30-July 06
- Location:These are not the droids your looking for.
Posted 02 February 2009 - 04:55 PM
It only said gifs pngs and something else on the page. Try using ifranview it will give you more options of things to use. I think it can save in PNG I'm not entirely sure its been a while since I've use the editing program. Its a decent free program.
http://www.irfanview.com/
or if you like you can photobucket me the image here and i'll mess around with sizes and bits and send them back to you.
http://www.irfanview.com/
or if you like you can photobucket me the image here and i'll mess around with sizes and bits and send them back to you.
#13
number6
- Expert
-
- Group: Members
- Posts: 2,357
- Joined: 28-March 08
Posted 02 February 2009 - 05:06 PM
I'm looking into InfranView now. I don't have Photobucket, but you can experiment with whatever picture you choose and I'll edit my icon to match the format that ends up working for you.
I created the icon with the simple, small, easy program called Picture to Icon Converter by Pinxy.
I created the icon with the simple, small, easy program called Picture to Icon Converter by Pinxy.
#14
AuroraDizon
- Advanced Member
-
- Group: Members
- Posts: 6,060
- Joined: 30-July 06
- Location:These are not the droids your looking for.
Posted 02 February 2009 - 05:13 PM
I just wanted to know what picture your trying to use to see if I could get it to work.
#16
number6
- Expert
-
- Group: Members
- Posts: 2,357
- Joined: 28-March 08
Posted 02 May 2009 - 05:30 PM
I found the solution.
The code I inserted in the section was the following:
I replaced the Explorer address of the icon ( G:DataWeb Pagese.ico ) with the Firefox address: file:///g:/data/web%20pages/e.ico
That did it. Thank you for your suggestions, Aurora. You were right that I had to just fiddle with it to get it right.
The code I inserted in the section was the following:
I replaced the Explorer address of the icon ( G:DataWeb Pagese.ico ) with the Firefox address: file:///g:/data/web%20pages/e.ico
That did it. Thank you for your suggestions, Aurora. You were right that I had to just fiddle with it to get it right.
Page 1 of 1
