Author

Topic: How to link an URL to an image - a quick guide (Read 731 times)

member
Activity: 434
Merit: 38
If you want to contribute lock/move your topic

Ok, I didn't know there were already threads about linking an URL to an image. I found lots of threads about BBcodes, but not about this (in fact I was searching how to do it and I discovered myself the way).

I've locked the thread
member
Activity: 352
Merit: 10
There's an existing thread like this on making the image clickable or with hyperlink provided by Vod and there's a thread with the same thread but in another langauge. If you want to contribute lock/move your topic to the local board you belong. Just like this thread = https://bitcointalksearch.org/topic/add-image-resize-image-and-make-image-clickable-3267615.
full member
Activity: 196
Merit: 174
-snip-
Roll Eyes

Quote
How to link an URL to an image - a quick guide
I've seen some topics like this.
Here are some similar links that I found:
https://bitcointalksearch.org/topic/tutorial-how-to-add-image-resize-image-and-make-image-clickable-2958771

Why not join the discussion on an existing thread?
I joined this forum very recently and I also made this kind of post(but it actually has almost all the BB coding tips)[Tips]Bulletin Board Codes But now I have realized I should have joined to a discussion on an existing thread(actually in that time I didn't know very much about "search" function) Luckily now I know what should I do before posting Smiley


P.S- I have already used your (Husna QA) post as reference as well.
newbie
Activity: 142
Merit: 0
Hello, the topic is useful, but it is better to continue in a similar topic, and not start a new one  Smiley
legendary
Activity: 2296
Merit: 2892
#SWGT CERTIK Audited
-snip-
Roll Eyes

Quote
How to link an URL to an image - a quick guide
I've seen some topics like this.
Here are some similar links that I found:
https://bitcointalksearch.org/topic/tutorial-how-to-add-image-resize-image-and-make-image-clickable-2958771

Why not join the discussion on an existing thread?
member
Activity: 280
Merit: 11
Next in Meta - how to bold your text!   Roll Eyes
How to bold text:
 Use :
For example:

Code:
[b]Vod (Legendary)[/b]

Will show:
Vod (Legendary)

Vod
legendary
Activity: 3668
Merit: 3010
Licking my boob since 1970
Next in Meta - how to bold your text!   Roll Eyes
member
Activity: 434
Merit: 38
Recently, I was searching how to insert in the forum a hyperlink directly to an image, so that when you click the image it connects you directly to the link of the site you want.

I want to share with you guys this information, that I discovered after a few attempts.

As you know, to insert a hyperlink, you just have to use this code:

Code:
[url]'put the link you want here'[/url]


or, if you want to use an anchor, so connect the link to a word or a phrase, for example, BITCOINTALK, this is the code:

Code:
[url=https://bitcointalk.org/]BITCOINTALK[/url]

So, you have to manually add " = " after 'url' followed by the link you want to add.


To insert an image in the forum, you have to use this code:

Code:
[img]'put the link to the image here'[/img]

inserting the image link to an external site where you have previously uploaded the image. I personally use IMGUR: https://imgur.com/


Ok, now, how to connect an URL to an image?

This will be the code:

Code:
[url='put here the site URL you want to connect to the image'][img]'put the image URL here'[/img][/url]


Let's make an example. I want to link this bitcoin image to the bitcointalk forum main URL:



Now, if you click the image, you will be redirected to the main page of the bitcointalk forum.

This is the code of the example:

Code:
[url=https://bitcointalk.org/][img]'image URL'[/img][/url]


That's it. I hope this information is helpful  Wink




Jump to: