Back

Help Center

Ask questions and help others in this forum.
TOPIC | HTML Question - Image as a Link
Hey, newbie here. How do I turn an image into a link? I've seen plenty of people do it, but can't seem to figure out the trick myself...
Hey, newbie here. How do I turn an image into a link? I've seen plenty of people do it, but can't seem to figure out the trick myself...
f44or8.png
@Mikkiness c: If you're talking about on here, FR uses BBCode not HTML [code][url=link here][img]img url here[/img][/url][/code] For example [code][url=http://google.com][img]http://flightrising.com/rendern/portraits/1550/154953p.png[/img][/url][/code] Makes [url=http://google.com][img]http://flightrising.com/rendern/portraits/1550/154953p.png[/img][/url] If you want to know how to do it in HTML for a different site then http://www.echoecho.com/htmllinks06.htm explains. The brackets tend to break the post here so we can't show you :B
@Mikkiness c: If you're talking about on here, FR uses BBCode not HTML
Code:
[url=link here][img]img url here[/img][/url]
For example
Code:
[url=http://google.com][img]http://flightrising.com/rendern/portraits/1550/154953p.png[/img][/url]
Makes
154953p.png

If you want to know how to do it in HTML for a different site then http://www.echoecho.com/htmllinks06.htm explains. The brackets tend to break the post here so we can't show you :B
cg2G1xD.gif
tumblr_inline_ngqv6bbPaQ1rvrguk.pngtumblr_inline_n1581tzliY1rvrguk.png
I was indeed talking about on here. Thank you! EDIT: @Lonin It doesn't seem to work. I've put it in, but this is what comes out... [url=http://flightrising.com/main.php?p=lair&id=43930&tab=dragon&did=2996366][img]http://flightrising.com/rendern/350/29560/2955935_350.png?1397559750[/img][/url] Any idea where I've gone wrong?
I was indeed talking about on here. Thank you!

EDIT: @Lonin

It doesn't seem to work. I've put it in, but this is what comes out...


[img]http://flightrising.com/rendern/350/29560/2955935_350.png?1397559750[/img]

Any idea where I've gone wrong?
f44or8.png
@Mikkiness What are you trying to link? c: If you just want to show your dragon on the forums you can click generate preview on their dragon page and copy the BBCode text.
The reason yours isn't working is because of the extra bit after the .png in the image tag c: Delete that and it'll work fine.
@Mikkiness What are you trying to link? c: If you just want to show your dragon on the forums you can click generate preview on their dragon page and copy the BBCode text.
The reason yours isn't working is because of the extra bit after the .png in the image tag c: Delete that and it'll work fine.
cg2G1xD.gif
tumblr_inline_ngqv6bbPaQ1rvrguk.pngtumblr_inline_n1581tzliY1rvrguk.png
@Lonin

Ahah! Generate preview. That's exactly what I was after, thank you!
@Lonin

Ahah! Generate preview. That's exactly what I was after, thank you!
f44or8.png
Anyway, your previous line was wrong since you need to end with a picture extension within the [img][/ img] bracket. What you need to do is delete everything after .png (the ?xxxxxx part) and it'll work. But yes, what Lonin is the best way to do it. :)
Anyway, your previous line was wrong since you need to end with a picture extension within the [img][/ img] bracket. What you need to do is delete everything after .png (the ?xxxxxx part) and it'll work. But yes, what Lonin is the best way to do it. :)[/img]
hatfrbanner-zps77e423a6_orig.pngpinksaphire-zpsf5iyzhbb_orig.gif
@hat17

I see. Thank you both for the help!
@hat17

I see. Thank you both for the help!
f44or8.png