[BBCode] Thumbnails

[Genjuro-Sensei]

Hello All !

Description:
This simple BBCode let you display an image in a thumbnail when clicking on it it open the original image in a new window, very usefull when making tutorials and it's nice looking too ;)

Installation:

As always, Admin CP -> Custom BBCodes -> Add new BBCode
*Title: Thumbnail
*BBCode: tmb
*Code remplacement:
<table cellspacing="0" cellpadding="0" align="center" style="background-color:#000000; border:1px #000000 solid; color:#ffffff; font-size:11px;">
<tr>
<td align="center"><a href="{param}" target="_new"><img src="{param}" border="0" alt="Thumbnail" title="Thumbnail" width="300" /></a><br />Click to view the original image</td>
</tr>
</table>
*Example: image_url
*Description: Displays an image as a thumbnail when clicking on it, it opens the original image in a new window.
*Use second parameter: No
*Button image: http://img296.imageshack.us/img296/3975/tmbdb3.gif

Enjoy ;)

[Allan]

Great, click Install ;)

[Jarllax]

Works great! Installed.

[Sophonax]

Installed~ <3

[hotwheels]

very interesting.......will look at later for install.......thanks

[sorry01]

Tankssss works great....

[ep13]

how do u get it so it puts them in align instead of middle.

so its like

[ ][ ][ ][ ]

instead of

[ ]
[ ]
[ ]

[grecostimpy]

Excellent!

[RFViet]

Cool !!

[BadgerDog]

Is there way of "left" justifying the pics?

I put in "left" instead of "center" and it seemed to create an odd effect. I think for "left", it needs to have a carriage return at the end of each pic. How can I add that?

Thanks

Regards,
Badger

[Triky]

how do u get it so it puts them in align instead of middle.

so its like

[ ][ ][ ][ ]

instead of

[ ]
[ ]
[ ]

Is there way of "left" justifying the pics?

I put in "left" instead of "center" and it seemed to create an odd effect. I think for "left", it needs to have a carriage return at the end of each pic. How can I add that?

Thanks

Regards,
Badger
Try to remove the align="x".

[BadgerDog]

Try to remove the align="x".

I changed align="left" to align=""

plus

I changed td align="center" to "td align="left"

It now works like a charm, at least in my testing...

I also set the width="200" from 300. If I go smaller it leaves a thick black margin on the right side of the thumbnail. I've been trying to figure out how to get the thumbnail pic much smaller, except leave the border even all way round...

Nice mod... :up:

Thank you...

Regards,
Badger

[Triky]

I changed align="left" to align=""


It works becouse the browser recognize that property like uncomplete, and so it doesn't show it, it doesn't work. :)
So, you can completly remove it.

[BadgerDog]

It works becouse the browser recognize that property like uncomplete, and so it doesn't show it, it doesn't work. :)
So, you can completly remove it.


Thanks again... it's a big help in our forum... :up:

Any quick way (I'm barely computer literate :D ) to get the thumbnails smaller, yet maintain an even black border all way round?

Regards,
Badger

[MAD555]

<i>Really interesting...</i>

[Atakan KOC]

Thanks....

[rayw]

Thanks a lot for this, great idea!

I made a few small change to the HTML though.

[Zia]

what about the image size?

[Triky]

Zia, whay you mean, exactly?

[Triky]

The problem is that if you put the tag lik this: gg it show a bad non-image thumb. How could we solve this? Another problem.. if you put the [tmb] tag into a [code] box, it show always a non-image thumb. Arg!

[Majest]

Installed.

[Guest210212002]

* Guest210212002 clicks install

Would also like to get it smaller, say 100x100, without the black border. I also added in a height="200" to make it an even square. :)

[fordp]

But could you be more specific as to how to install it? (I'm a newbie)
ie., what exactly to put in fields:
Title =
Tag=
Replacement=
Example=
Description=
Use= Yes/No
Button Image=

Thanks

[cheat-master30]

While I eventually managed to get this working, I did find that it would break Gallery hosted images when surrounding them with this code, regardless of the gallery script used. I tried images uploaded with both Photoplog and Coppermine image gallery to no success, even when other images from the same domain (mine) would come up normally. And yes, this was even when I tried the address gained from CPanels file editor option.

[xman_79]

Installed .
Very useful .
Thanks.

[RVM]

I uploaded the button to forum/images/editor but what do I use as the url in that field?

(such a newbie lol)

[fordp]

Gave up. Not installed. :(

[KRaL_JAcK_]

Installed.. Thanks .. Working on 3.6.8.. great post..