How to make the icon work

Reply

Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

How to make the icon work

 
0
  #1
Feb 27th, 2008
Hi folks,

I have an icon WELCOME2.gif downloaded on /home/satimis/html/ folder. But I can't make it to work on my simple homepage. What line shall I enter on /home/satimis/html/myhomepage.html file?

I tried something like <A HREF="file:///home/satimis/html/WELCOME2.gif">WELCOME</A>
etc.

It can't work. Only the word WELCOME displayed on the homepage. Please advise. TIA


On browser URL box;
file:///home/satimis/html/WELCOME2.gif

displaying it and working.


Furthermore how to control its rotation speed and the size of this icon w/o re-edit it on graphic software.


B.R.
satimis
Reply With Quote Quick reply to this message  
Join Date: Apr 2005
Posts: 1,403
Reputation: ShawnCplus is a glorious beacon of light ShawnCplus is a glorious beacon of light ShawnCplus is a glorious beacon of light ShawnCplus is a glorious beacon of light ShawnCplus is a glorious beacon of light 
Solved Threads: 225
Sponsor
ShawnCplus's Avatar
ShawnCplus ShawnCplus is offline Offline
Code Monkey

Re: How to make the icon work

 
0
  #2
Feb 27th, 2008
What do you want it to do? You didn't really explain that.
To have an image in a page you do
<img src='image location' alt='If it doesn't show up' />
for a favicon it's
<link rel='shortcut icon' href='image location' type='image/(mimetype)' />
GCS d- s+ a-->? C++(++++) UL+++ P+>+++ L+++ E--- W+++
N+ o K w++(---) O? !M- V PS+>++ PE+ Y+ PGP !t- 5? X- R tv+
b+>++ DI+ D G++>+++ e+ h+>++ r y+
PMs asking for help will not be answered, post on the forums. That's what they're there for.
Reply With Quote Quick reply to this message  
Join Date: Jan 2008
Posts: 97
Reputation: plgriffith is an unknown quantity at this point 
Solved Threads: 6
plgriffith plgriffith is offline Offline
Junior Poster in Training

Re: How to make the icon work

 
0
  #3
Feb 27th, 2008
Is this page on the internet, or are you viewing it directly from your filesystem? If it's on the internet, then telling the page where the file is on your home computer doesn't do any good. Also, double check to make sure that the path you entered is a working path.
Reply With Quote Quick reply to this message  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: How to make the icon work

 
0
  #4
Feb 27th, 2008
Originally Posted by ShawnCplus View Post
What do you want it to do? You didn't really explain that.
To have an image in a page you do
<img src='image location' alt='If it doesn't show up' />
Thanks for your advice.

The icon works now. It is not necessary providing path to the icon which is retained on the same folder/directory with the .html file.


for a favicon it's
<link rel='shortcut icon' href='image location' type='image/(mimetype)' />
This is new to me. Just googling on it a while but still NOT very clear how to make it. Can you shed me some light? TIA


B.R.
satimis
Reply With Quote Quick reply to this message  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: How to make the icon work

 
0
  #5
Feb 27th, 2008
Originally Posted by plgriffith View Post
Is this page on the internet, or are you viewing it directly from your filesystem? If it's on the internet, then telling the page where the file is on your home computer doesn't do any good. Also, double check to make sure that the path you entered is a working path.
Thanks for your advice.

The icon is on the same folder/directory with the .html file, no path being necessary.

I'm now testing the webpage on the filesystem. After finish I'll hoist it on my Web Server. This is my first time after >10 years building a homepage, a very simple one. I did my work on text editor with coding.

Regarding graphics, can HTML coding works on it, such as blurring, shading, etc. on characters without editing the same on graphic editing software. Although I did lot of graphic editing in the past but it is time consuming. I have GIMP running on workstation including some other graphic editing software on Open Source. Could you please shed me some light? TIA


B.R.
satimis
Reply With Quote Quick reply to this message  
Join Date: Apr 2005
Posts: 1,403
Reputation: ShawnCplus is a glorious beacon of light ShawnCplus is a glorious beacon of light ShawnCplus is a glorious beacon of light ShawnCplus is a glorious beacon of light ShawnCplus is a glorious beacon of light 
Solved Threads: 225
Sponsor
ShawnCplus's Avatar
ShawnCplus ShawnCplus is offline Offline
Code Monkey

Re: How to make the icon work

 
0
  #6
Feb 27th, 2008
Well HTML isn't a programming language so, no you can't use HTML to do that. PHP has a pretty powerful library (the GD library) to work with images however.
GCS d- s+ a-->? C++(++++) UL+++ P+>+++ L+++ E--- W+++
N+ o K w++(---) O? !M- V PS+>++ PE+ Y+ PGP !t- 5? X- R tv+
b+>++ DI+ D G++>+++ e+ h+>++ r y+
PMs asking for help will not be answered, post on the forums. That's what they're there for.
Reply With Quote Quick reply to this message  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: How to make the icon work

 
0
  #7
Feb 27th, 2008
Originally Posted by ShawnCplus View Post
Well HTML isn't a programming language so, no you can't use HTML to do that. PHP has a pretty powerful library (the GD library) to work with images however.
Thanks for your advice.

PHP is NOT new to me but my knowledge on it is limited to building Web Server/LAMP server, NOT on graphics.

Just googling a while found follows;

Image Functions
http://hk.php.net/gd

GD Graphics Library
http://www.boutell.com/gd/

Smart Image Resizing while Preserving Transparency With PHP and GD Library
http://mediumexposure.com/techblog/s...and-gd-library

Image manipulation with PHP & the GD library, Part 2
http://www.phpit.net/article/image-m...-php-gd-part2/

Image Reflections in PHP
http://www.talkphp.com/advanced-php-...tions-php.html

GD Graphics Library
http://en.wikipedia.org/wiki/GD_Graphics_Library


I'll take time going through them. Hoping that it is NOT difficult to learn. Otherwise better for me going back to graphic editing with software. At least I have experience.


I build webpage for myself NOT as profession. I only need a simple webpage introducing techical articles, no vedio, no music, etc. However I'm interested on coding NOT with mouse clicking around on screen. I may take time to learn PHP on graphic.

Thanks again for your suggestion.


B.R.
satimis
Reply With Quote Quick reply to this message  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: How to make the icon work

 
0
  #8
Feb 28th, 2008
Originally Posted by ShawnCplus View Post
What do you want it to do? You didn't really explain that.
To have an image in a page you do
<img src='image location' alt='If it doesn't show up' />
I got it done. The icon is working. Thanks


for a favicon it's
<link rel='shortcut icon' href='image location' type='image/(mimetype)' />
Reply With Quote Quick reply to this message  
Join Date: Jan 2007
Posts: 3,210
Reputation: MidiMagic has a spectacular aura about MidiMagic has a spectacular aura about 
Solved Threads: 165
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Nearly a Senior Poster

Re: How to make the icon work

 
0
  #9
Mar 1st, 2008
Put the image tag between the a tags.

HTML and CSS Syntax (Toggle Plain Text)
  1. <a href="page.htm"><img src="pic.gif" /></a>
Daylight-saving time uses more gasoline
Reply With Quote Quick reply to this message  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: How to make the icon work

 
0
  #10
Mar 1st, 2008
Originally Posted by MidiMagic View Post
Put the image tag between the a tags.

HTML and CSS Syntax (Toggle Plain Text)
  1. <a href="page.htm"><img src="pic.gif" /></a>
Thanks for your advice.


I put following line on my single_page homepage, a file,
HTML and CSS Syntax (Toggle Plain Text)
  1. <p>
  2. <img src="image.gif" height="xxx" width="yyy">
  3. </p>

name the file "index.html" and put the file on /var/www/index.html


Then it works. The homepage can be visited on online proxy server with "https://domain.com"


What will be the difference between your suggestion;
HTML and CSS Syntax (Toggle Plain Text)
  1. <a href="page.htm"><img src="pic.gif" /></a>
and my line? TIA


B.R.
satimis
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC