BB Code Enhancements - Simple [img] word wrap bbcode

I saw a few threads in the modification graveyard where you can add a bbcode to align an image left or right, did not see any newer threads that accomplish this correctly and without messing up the signature and other things.

This is what I've done:

First lets add some CSS entries to each style.
In admin cp, go to Styles & Templates -> Style Manager -> Main CSS Options
Scroll down to the Additional CSS Definitions and add the following at the bottom:

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

Second lets add the bbcodes:

Title: Image Align Left
BB Code Tag Name: IMGLEFT
Replacement:

<img class="alignleft" border="0" alt="" src="{param}" />

Description: Simple left image alignment with text wrap
Use {option}: no

Title: Image Align Right
BB Code Tag Name: IMGRIGHT
Replacement:

<img class="alignright" border="0" alt="" src="{param}" />

Description: Simple right image alignment with text wrap
Use {option}: no


Lastly, lets edit the postbit templates for each style:

Find:

$template_hook[postbit_signature_start]

Right below it add:

<TABLE width="100%" style="border-collapse: collapse; border: none;">
        <tr>
        <td class="alt1">

Find:

            $template_hook[postbit_controls]
			<!-- / controls -->
		</div>

Right below it add:

            </td>
            </tr>
</table>

Thats it! You're done. I'll attach some buttons I made which you can use when adding your new bbcode if you wish.

[segwayon]

Originally Posted by Trana

Good mod, working on my 3.8.4 board, but can anyone help with the question above? We really need this.

This mod linked below ("Advanced BB Codes Toolbar") has some neat features, (but still not the image+caption alignment):

https://vborg.vbsupport.ru/showthread.php?t=220257

[ricardoNJ]

Anyone could be say, what's the 'example' in this BBcode, please???

[fta2k]

Originally Posted by ricardoNJ

Anyone could be say, what's the 'example' in this BBcode, please???

I just put ALIGNLEFT and ALIGNRIGHT and it all worked fine.


The mod works great. Copied a random news article and added images. Here's a PrtSc:

http://www.fhqhosting.com/ui/20untitled.PNG

[ricardoNJ]

I can not do that.

[fta2k]

Originally Posted by ricardoNJ

I can not do that.

Are you typing something in wrong?

Works great here... Here's a PrtSc of the settings

http://www.fhqhosting.com/ui/left.PNG

[ricardoNJ]

Originally Posted by fta2k

Are you typing something in wrong?

Works great here... Here's a PrtSc of the settings

http://www.fhqhosting.com/ui/left.PNG

Nothing happened:

[Drocr]

^ I believe in needs to just be around the image code not text as well.

[ricardoNJ]

Originally Posted by Drocr

^ I believe in needs to just be around the image code not text as well.

Same thing. I don't know how to do that !

[Drocr]

with that code he used try
[IMGLEFT]URLHERE[/IMGLEFT]

[ricardoNJ]

Originally Posted by Drocr

with that code he used try
[IMGLEFT]URLHERE[/IMGLEFT]

I was using the icon []to place the image. It was only in the URL in the middle of the code. My bad!!!!! Thanks!! :up: