A better IMG tag

You know all that white space by the side of every image ever posted on a forum using the standard IMG tag ? I happen to hate it. I want my images to blend in with the text.

So I did my own BBCODE for it:

1 - Go to the Admin panel and select "Add Custom BBCode"
2 - For title enter "Float Image on text" or something like it, same for description
3 - for tag enter xFLOAT
4 - for "Replacement" enter the text below

<a href="{param}"><img alt="" border="0" src="{param}" style="margin: 0px 10px 10px 0px; float: {option};"/></a>

5 - For "Example" enter this:

[xFLOAT=left]http://upload.wikimedia.org/wikipedia/en/thumb/3/3e/Magic_Pot_FFX.jpg/65px-Magic_Pot_FFX.jpg[/xFLOAT]blah, blah, blah, yada, yada, yakety yak

6 - Check yes on "use {option}"

7 - optionally, add an icon path to have it come up on your posting box

tada!

Here it is at work!
http://forums.ffproject.net/showthread.php?t=747

[Snakey]

Originally Posted by HappyPike

Someone asked me to post my version of the IMG with align code, so here it is:

......

Some of you may not like to use the "align" within <IMG>, but I don't have problem with it myself.

I've modified it a bit so it makes use of css (w/o align-attribute) and made it xhtml compliant:

Title: IMG with align option
Tag: IMG
Replacement: <img src="{param}" style="margin:0px 5px 0px 5px; border-width: 0px; float:{option};" alt="Image" />
Example: [img=right]https://vborg.vbsupport.ru/images/smoothblue/buttons/reply.gif[/img]This image should align to the right of these texts.

Description: This image tag allows align option. The align option can be LEFT or RIGHT.
Use {option}: Yes

For replacement, you can also use it without margin:0px 5px 0px 5px; (which replaces hspace) or without border-width: 0px; (replaces border)

[Renmiri]

Originally Posted by Snakey

I've modified it a bit so it makes use of css (w/o align-attribute) and made it xhtml compliant:...

Wow!

Great suggestions guys, thanks!

I also did a "thumbnail" one, that always dislays a 150px wide version of the picture with a link to the original one.

Title: Float image with thumbnail
Tag: FLOAT (or IMG if you prefer)
Replacement: (now fixed 8/2/06)
<a href="{param}"><img alt="" border="0" src="{param}" style="width:150px; margin: 0px 10px 10px 0px; float: {option};"/></a>

Example: [float=right]https://vborg.vbsupport.ru/images/smoothblue/buttons/reply.gif[/float]This image should be 150 px wide, should align to the right of these texts and should link to the original full sized image

Description: This image tag allows align option. The align option can be LEFT or RIGHT.
Use {option}: Yes

[project-Buckfas]

I've wanted this for a while. I hit install so I can do it when I go home

[blue6995]

Originally Posted by renmiri

I also did a "thumbnail" one, that always dislays a 150px wide version of the picture with a link to the original one

I have tried this twice, changing the image link to my own, but all I get is the original image not a thumbnail!

Any ideas why?

[Renmiri]

Originally Posted by blue6995

I have tried this twice, changing the image link to my own, but all I get is the original image not a thumbnail!

Any ideas why?

My mistake!

Where it says width="150px" it should say width:"150px"

Here's the correct code

<a href="{param}"><img alt="" border="0" src="{param}" style="width:150px; margin: 0px 10px 10px 0px; float: {option};"/></a>

[category]

does it work for 3.6.0

[HappyPike]

Yes, it does. These BBCodes should work for any v3.x of vBulletin.

BTW, a small downside is, if you have images disabled in sigs, people would be able to bypass it using these custom image tags. The disable images in sigs rule only affects the official [IMG] tag.

[category]

doest work for me it doesnt display the image

[zooki]

Hi how do you get it to work with Dynamic images?

Here is one:

http://video.google.com/ThumbnailSer...8S-h9V4WM5xhPc

If you can add dynamic images it wud be cool thanks

[Renmiri]

Originally Posted by category

doest work for me it doesnt display the image

Can you recheck the BBCode ? It should work even for 3.6