Part 1: Linking Properly
Due to people not being able to correctly post links, and the obligatory flaming that comes with it... Here is how to link properly.

<a href="address">text for link

eg. <a href="http://www.qgl.org">QGL</a>

See, its really not hard, is it?
You can get very technical, using targets (telling it where to open the link) but I think as long as people can make a basic link, the majority will be satisfied.

Part 2: Posting images

Once you have your image hosted, to link to it, you use this code...



eg. <a href="http://ad2.pamedia.com.au/images/ausgamers/ausgamers1.gif" rel="nofollow" class="imgLink" onclick="$(this).html('<img src=\'http://ad2.pamedia.com.au/images/ausgamers/ausgamers1.gif\'>'); return false;">http://ad2.pamedia.com.au/images/ausgamers/ausgamers1.gif</a>

There are width and height settings that you can use to reduce how large the image is. The code looks like this...



Its a good idea to keep the reduced dimensions in proportion to the original image.

Part 3: Thumbnails
You can also combine the two to get a link with a thumbnail. (Booyah) There are two ways of doing this, the first is a the easy way, and it has no "download size" benifit, because the user has already downloaded the full image, just its only displaying at a certain size... but it does allow you to post an image and not take up the entire page.

This is the syntax: <a href="url of pic"></a>

eg. <a href="http://ad2.pamedia.com.au/images/ausgamers/ausgamers1.gif"><a href="http://ad2.pamedia.com.au/images/ausgamers/ausgamers1.gif" rel="nofollow" class="imgLink" onclick="$(this).html('<img src=\'http://ad2.pamedia.com.au/images/ausgamers/ausgamers1.gif\'>'); return false;">http://ad2.pamedia.com.au/images/ausgamers/ausgamers1.gif</a>

The other way of linking with a thumbnail is the real way, where you use a low quality, resized version saved as a seperate file for the thumbnail, and the full image for the link. Its basically the same code, just in the img tag, you use the url of the reduced size image, rather than the original and you don't need the width and height tags, because hopefully your thumb is already resized.

This is the syntax: <a href="url of pic"></a>

eg. <a href="http://ad2.pamedia.com.au/images/ausgamers/ausgamers1.gif"><a href="http://ad2.pamedia.com.au/images/ausgamers/ausgamers1_thumb.gif" rel="nofollow" class="imgLink" onclick="$(this).html('<img src=\'http://ad2.pamedia.com.au/images/ausgamers/ausgamers1_thumb.gif\'>'); return false;">http://ad2.pamedia.com.au/images/ausgamers/ausgamers1_thumb.gif</a></a>

This is readily available information, you can read and learn how to do it yourself... W3Schools

qgl !

OMG WE HAVE A WINNER!

Man, I learn html back in 94

When did you learn engrish?

Kat, its great that a lot of people do know how to link, but I'm so sick of people posting links to news.com.au and me having to copy/paste them because of their lack of skill.

hahaha, yeah okay my bad Bah :)

text for link

my first html link



damn...i failed
last edited by Cl1nt at 21:08:23 29/Mar/06

last edited by Cl1nt at 21:08:53 29/Mar/06

last edited by Cl1nt at 21:10:41 29/Mar/06

hahaha ^ you f***ed the link. need http :P

also b&

fixed

i hope

deleted coz i double posted.

goddamn im on a role here..
*waits for some one to tell me when my funeral will be*

last edited by Cl1nt at 21:15:59 29/Mar/06

last edited by Cl1nt at 21:16:12 29/Mar/06

html makes me strong

maxe you still fail worse than me, no matter what i do.

<a href='address'>text for link</a>

I believe you mean <a href="address">text for link</a>

or does " vs ' not matter? I've always done "

Link with ' '
Link with " "

You tell me...

Ok what about posting images as thumbnails.

get the firefox plugin that replaces the news comma links with a clickable link.
idiots

I think the sand of my camel fell into your vagina.

k, my bad.

hahah booyah

f***s sake, my linebreaks are rooted.

edit: ahh thats better

last edited by mongie at 22:25:22 29/Mar/06

Ok this is a link test

hey it worked!


- idol


last edited by Idol at 22:35:49 29/Mar/06

this needs to be stickied .... still cant spell

you forgot the </a> at the end

what do you mean still can't spell?

last edited by mongie at 22:55:22 29/Mar/06

post some spoot ffs

+1 for sticky vote

Khel posted that years ago an edjumecratered me and I was just thinking the other day about making an image which did it all (explaining how to post etc)

Saves me the effort of thinking about it anymore =)

+1 for spoot vote
with thumbnails, just as a class excercise

last edited by z0r at 00:00:07 30/Mar/06

< a href="address_of_image"> < img src="address_of_image" width="640" height="480" border="0"> < /a >


last edited by maxe at 00:05:02 30/Mar/06

LOL

newbs at ausforums just gotta lern how 2 code

" matters, ' is not valid in that context. Yeah, most things will parse it, doesn't mean it's right though.

When do we learn about <script> tags?

Yeah, so " probably is correct syntax... but we live in an internet explorer world.

I have added this to the FAQ, which is a new addition to the rules page

f***ing newbies

also useful for emphasis ;D

<TABLE WIDTH=100% STYLE="filter: glow(Color=white,Strength=4);"> <tr> <td> <font color=blue size=4> <b> INSERT YOUR FOOLISH GLOWY TEXT HERE </b> </font> </td> </tr> </table>

& it'll look like this...

INSERT YOUR FOOLISH GLOWY TEXT HERE

:D

LOL MY FIRST GLOW TEXT

http://www.xsltblog.com/archives/24805BP~The-Simpsons-Mr-Burns-Excellent.jpg

FAGHAT

They all remain blue for me. Is it because I use firefox?

last edited by Triamks at 16:56:49 30/Mar/06

NO COMMENT

Edit: Nice function.

last edited by Agent 99 at 18:16:50 30/Mar/06

yea triamks same with me
quick 'view in ie tab' and its all glowy yay

test