top_left top_right
bottom_left
Next Event: Unknown | Forum Rules | QGL Website | Event Registration
openFolder AusForums.com
iconwatfolderLineopenFolder LANs
iconwatfolderLineopenFolder QGL
iconwatfolderLineopenFolder QGL Forum
Author
Topic: EDU: How to link correctly
mongie
Posts: 3689
Location: Brisbane, Queensland

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

system
--
Bah
Posts: 1858
Location: Brisbane, Queensland
qgl !
mongie
Posts: 3690
Location: Brisbane, Queensland
OMG WE HAVE A WINNER!
Kat
Posts: 7610
Location:
Man, I learn html back in 94
Bah
Posts: 1859
Location: Brisbane, Queensland
When did you learn engrish?
mongie
Posts: 3691
Location: Brisbane, Queensland
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.
Kat
Posts: 7611
Location:
hahaha, yeah okay my bad Bah :)
eK
Posts: 9760
Location: Brisbane, Queensland
text for link
Cl1nt
Posts: 85
Location: Gold Coast, Queensland
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
fpot
Posts: 12876
Location: Gold Coast, Queensland
hahaha ^ you f***ed the link. need http :P

also b&
Cl1nt
Posts: 86
Location: Gold Coast, Queensland
fixed

i hope
Cl1nt
Posts: 87
Location: Gold Coast, Queensland
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
maxe
Posts: 12097
Location: Brisbane, Queensland
html makes me strong
Cl1nt
Posts: 90
Location: Gold Coast, Queensland
maxe you still fail worse than me, no matter what i do.
whoop
Posts: 9883
Location: Brisbane, Queensland
<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 "
mongie
Posts: 3692
Location: Brisbane, Queensland
Link with ' '
Link with " "

You tell me...
Booyah
Posts: 5166
Location: Brisbane, Queensland
Ok what about posting images as thumbnails.
smurf
Posts: 55
Location: Sunshine Coast, Queensland
get the firefox plugin that replaces the news comma links with a clickable link.
idiots
Booyah
Posts: 5168
Location: Brisbane, Queensland
I think the sand of my camel fell into your vagina.
whoop
Posts: 9885
Location: Brisbane, Queensland
k, my bad.
Fuknukle
Posts: 4481
Location: Brisbane, Queensland
hahah booyah
mongie
Posts: 3694
Location: Brisbane, Queensland
f***s sake, my linebreaks are rooted.

edit: ahh thats better

last edited by mongie at 22:25:22 29/Mar/06
Idol
Posts: 423
Location: Brisbane, Queensland
Ok this is a link test

hey it worked!


- idol


last edited by Idol at 22:35:49 29/Mar/06
TiT
Posts: 884
Location: Brisbane, Queensland
this needs to be stickied .... still cant spell
mongie
Posts: 3695
Location: Brisbane, Queensland
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
infi
Posts: 3290
Location: Brisbane, Queensland
post some spoot ffs
eighty-eight
Posts: 237
Location: Gold Coast, Queensland
+1 for sticky vote
HERMITech
Posts: 3834
Location: Brisbane, Queensland
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 =)
z0r
Posts: 1413
Location: Brisbane, Queensland
+1 for spoot vote
with thumbnails, just as a class excercise

last edited by z0r at 00:00:07 30/Mar/06
maxe
Posts: 12098
Location: Brisbane, Queensland
< 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
Captain America
Posts: 776
Location: Gold Coast, Queensland
LOL
Persay
Posts: 3985
Location: Brisbane, Queensland
newbs at ausforums just gotta lern how 2 code
Raven
Posts: 1389
Location: Melbourne, Victoria
" matters, ' is not valid in that context. Yeah, most things will parse it, doesn't mean it's right though.
partyhat
Posts: 1047
Location:
When do we learn about <script> tags?
mongie
Posts: 3696
Location: Brisbane, Queensland
Yeah, so " probably is correct syntax... but we live in an internet explorer world.
trog
AGN Admin
Posts: 18388
Location: Brisbane, Queensland
I have added this to the FAQ, which is a new addition to the rules page
Opec
Posts: 4022
Location: Brisbane, Queensland
f***ing newbies
demon
Posts: 2093
Location: Brisbane, Queensland
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

fpot
Posts: 12892
Location: Gold Coast, Queensland
LOL MY FIRST GLOW TEXT

demon
Posts: 2095
Location: Brisbane, Queensland
http://www.xsltblog.com/archives/24805BP~The-Simpsons-Mr-Burns-Excellent.jpg
r_mazing
Posts: 1011
Location: Brisbane, Queensland
FAGHAT


Triamks
Posts: 1074
Location: Brisbane, Queensland
They all remain blue for me. Is it because I use firefox?

last edited by Triamks at 16:56:49 30/Mar/06
Agent 99
Posts: 670
Location: Brisbane, Queensland
NO COMMENT


Edit: Nice function.

last edited by Agent 99 at 18:16:50 30/Mar/06
Fuknukle
Posts: 4487
Location: Brisbane, Queensland
yea triamks same with me
quick 'view in ie tab' and its all glowy yay
trog
AGN Admin
Posts: 18404
Location: Brisbane, Queensland
test
system
--
Not a new post since your last visit.
New Post Since your last visit
Back To Forum
Advertise with Us | Privacy Policy | Contact Us
© Copyright 2001-2017 AusGamers Pty Ltd. ACN 093 772 242.
Hosted by Mammoth Networks - Australian VPS Hosting
Web development by Mammoth Media.