The online racing simulator
LFS link icon
(19 posts, started )
LFS link icon
Hey,

Im making a new website and wanted to link back to LFS, i wanted to get a little LFS icon that was click able and bought you back to the LFS main website. I have no idea about how to go about this, im not a coder at all if you dont know what i mean, im talking about a little icon like on this page http://www.freedomain.co.nr/link_back.php
it would be great if someone could teach me how to make these little clickables for future referance

All help very much appreciated.

Thanks Michael
#2 - Bean0
It's much like using an image as a link on a forum, but the code is slightly different.

On a Forum, you would use

*!14197712!*

On a website

<a href="LINKHERE" target="_blank"> <img src="LINKTOIMAGE" /></a>

The speechmarks are important.
thanks so much bean0
#4 - Bean0
It wouldnt work, just fixed it :o
<img>s must have the alt attribute, although you can leave it empty. Valid XHTML 1.0 strict would be
<a href="LINK"><img src="IMAGE" alt="" /></a>

No target in strict but it's okay for the DOM, so
<a href="LINK" onclick="this.target = '_blank'"><img src="IMAGE" alt="" /></a>

is fine
#6 - Bean0
I'm still very n00bish at this type of thing.

Thanks for the correction.
I've made a little gif in PS CS3 but how do i export it as a working .gif?
i got my gif woking yay

e: I put <a href="www.lfs.net" onclick="this.target = '_blank'"><img src="http://www.lfsforum.net/attachment.php?attachmentid=58630&d=1213358396" alt="" /></a> into where it should go, when i go to the site i can see the picture but when i click on it i get http://gamingunited.freeforums.org/www.lfs.net HTTP 404 Not Found

Any help appreciated

Thanks Michael

P.S the site it is on is www.gamingunitedclan.co.nr and down the bottom right corner in the links box
Attached images
LFS gif.gif
#9 - Bean0
Add http:// before www.lfs.net

Without it, it is looking for a local file, not another website.
works now, thanks bean0 did you check the site out? www.gamingunited.co.nr dou you like the banner? i made it myself
Not bad, a little dark maybe
Since your page is HTML 4.01 Transitional, you can and should use the target attribute for the _blank. As for the img, in HTML4 the img must not have an end tag.
<a href="http://www.lfs.net" target="_blank"><img src="http://www.lfsforum.net/attachment.php?attachmentid=58630&d=1213358396" alt=""></a>

Oh and please upload the gif to your own webspace
thats what i was going for thanks
Quote from morpha :Oh and please upload the gif to your own webspace

mickyc30 the image is pointing at the attachment in the lfs forum. If the attachment is removed the image will not show.

It's also considered very bad manners to include/link to images not hosted on your own webpage (this is known as hot linking). The reason for this is that if your site gets hit by a lot of traffic it will also affect the site the image is hosted at.

Also the original hoster could replace the image with something rude
Quote from mickyc30 :snip

You might want to fix the www.lfs.net or leave it the way it is in the .gif but the way it is now you have it as ww.lfs.net
Found typo

ww.lfs.net
Quote from morpha :Since your page is HTML 4.01 Transitional, you can and should use the target attribute for the _blank. As for the img, in HTML4 the img must not have an end tag.
<a href="http://www.lfs.net" target="_blank"><img src="http://www.lfsforum.net/attachment.php?attachmentid=58630&d=1213358396" alt=""></a>

Oh and please upload the gif to your own webspace

Correction: You _shouldn't_ use any kind of new window target. Let the user decide if they wish to open a new window / tab for links. If your site's interesting enough, they'll either go back, or spawn their own new window / tab



Regards,

Ian
Quote from Ian.H :Correction: You _shouldn't_ use any kind of new window target. Let the user decide if they wish to open a new window / tab for links. If your site's interesting enough, they'll either go back, or spawn their own new window / tab



Regards,

Ian

I agree, but if you do, you _should_ use the target attribute rather than javascript
Quote from the_angry_angel :mickyc30 the image is pointing at the attachment in the lfs forum. If the attachment is removed the image will not show.

It's also considered very bad manners to include/link to images not hosted on your own webpage (this is known as hot linking). The reason for this is that if your site gets hit by a lot of traffic it will also affect the site the image is hosted at.

Also the original hoster could replace the image with something rude

yes, sorry about that.. photobucket is not working for me, so im going to reinstall xp today i think i have a virus.. but then i will move it.

Quote from scoobyrbac :You might want to fix the www.lfs.net or leave it the way it is in the .gif but the way it is now you have it as ww.lfs.net

yeah, i noticed it just then aswell, i didnt save the psd, so it looks like its going to stay ww.lfs.net

LFS link icon
(19 posts, started )
FGED GREDG RDFGDR GSFDG