The Arcive of vBulletin Modifications Site.

A better IMG tag · **Released**: 07-30-2006

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

Code:

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

5 - For "Example" enter this:

Code:

[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

rmxs · #2 07-31-2006, 06:08 PM

thanks i use it in future

bashy · #3 07-31-2006, 06:28 PM

Can you pleases explain what to do, and also add the instructions to a notepad file?

tazB.ca · #4 07-31-2006, 06:50 PM

i dont understand what this does

Mr Chad · #5 07-31-2006, 07:24 PM

Quote:

Originally Posted by tazB.ca

i dont understand what this does

look at the picture...

it lets you wrap text next to the image. (instead of being confined to one line)

HappyPike · #6 07-31-2006, 11:07 PM

I made a tag like that recently too. However, I simply use the same IMG tag name, but with align option.

To align an image to the right, people would use

bandoftheweek · #7 07-31-2006, 11:39 PM

Awesome mod seriously, I needed this for my site www.bandoftheweek.com - I shall install it in a while.

murrtex · #8 08-01-2006, 09:24 AM

I did it but.it mixed with my signature

Renmiri · #9 08-01-2006, 09:36 AM

Quote:

Originally Posted by murrtex

I did it but.it mixed with my signature

Yes it does. Any text around the image gets mixed

Just add some empty lines after the image to push your signature down far enough and it will be back to it's normal place (or add a couple of <br> to the beggining of your sig)

HappyPike · #10 08-01-2006, 01:51 PM

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

Title: IMG with align option
Tag: IMG
Replacement: <img src="{param}" align="{option}" border="0" hspace="5" alt="Image">
Example:

This image should align to the right of these texts.

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

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