Originally Posted by
Roudene
I couldn't find out how to make them CLICKABLE thumbnails (so they redict to fullsize image).
That is quite easy to do. Follow previous instructions aka set picture to "Large thumbnail", copy "Linked BBCode" and then add .jpg to fullsized picture's address. (see below with more detail)
Short explanation, just add .jpg in one place
Now you have code like this, but this thumbnail will not open full sized picture, just picture's imgur page (because ofc imgur wants so show their page and not just your picture):
Code:
[URL="http://imgur.com/jKTHEOV"][IMG]http://i.imgur.com/jKTHEOVl.jpg[/ IMG][/ URL]
That is because full sized picture's url does not have .jpg after it. Add that and you have small picture that opens big picture when clicked.
Code:
[URL="http://imgur.com/jKTHEOV.jpg][IMG]http://i.imgur.com/jKTHEOVl.jpg[/ IMG][/ URL]
If those codes look like mess to you, here I try to explain it with more detail:
To add normal link you use [url] [/ url] and put web pages url between those tags. Like this: [url]http://www.mmo-champion.com/[/ url] and it looks like this http://www.mmo-champion.com/. Then you can make clickable text links with [url=fulllink]text[/ url], like this: [url=http://www.mmo-champion.com/]Go to MMO Champion[/ url] and it looks like this Go to MMO Champion
To add image you use [img] [/ img] tags and put image url between those tags. Like this: [img]http://i.imgur.com/jKTHEOV.jpg[/ img] You know how it looks like. It is full sized picture like you have.
Now just combine [url] and [img] tags aka use small picture instead of text:
- [url=full picture][img]thumbnail picture[/ img][/ url] THis is same stuff that you get from imgur as "linked BBCode", just add .jpg to full sized picture's address.
Extra extra
Imgur is weird/good in a way that you can easily build this by your hands (imgur has this protocol how thumbnail sized urls are done, this is good):
1. Take your full sized link:
Code:
http://i.imgur.com/jKTHEOV.jpg
2. Add "l" at the end of it to get large thumbnail picture ("m" is medium, "s" is small)
Code:
http://i.imgur.com/jKTHEOVl.jpg
3. Add [img] tags
Code:
[img]http://i.imgur.com/jKTHEOVl.jpg[/ img]
4. Add [url=fulllink] tags
Code:
[url=http://i.imgur.com/jKTHEOV.jpg][img]http://i.imgur.com/jKTHEOVl.jpg[/ img][/ url]
Large thumbnail:
Medium thumbnail:
Small thumbnail
Long and messy post. Hopefully at least someone understands what I am trying to tell.
PS: devs your [code] tag is broken. I had to add spaces to make it show code and not links.