PDA

View Full Version : BB Code Enhancements - Image Alignment BBCode (left or right align)


PoetJA-1975
04-03-2008, 10:00 PM
This is a simple image alignment bbcode you can create in your AdminCP to align images to either the right or left of text... This bbcode should work for any of the 3.x series vBulletin.

Instructions:

Go to your AdminCP - In the Custom BB Codes section - Click Add New BB Code - Then fill out the following sections as noted below:

Title: Image BBCode With Left or Right Alignment

Tag: imgalign

Example: http://img77.imageshack.us/img77/1202/jpicad30pa.gif

Replacement: <img src="{param}" align="{option}" border="0" alt="" style="padding:6px;" />

Use {option}: Yes

Button Image (Optional): images/editor/imagealign.gif



**NOTES**
Upload attached image to your forum's /images/editor folder
In the example - you can put in the image url of your choice
The option can be left, right, bottom, top
View THIS SITE (http://www.htmlcodetutorial.com/images/_IMG_ALIGN.html) for possible options and examples.


Online vBulletin Forum Example: JPiC Forum For Writers (http://jpicforum.info/member-introductions/interview-webmistress-administrator-jpic-forum-4748.html)

beduino
04-10-2008, 11:02 AM
Tks poetJA!
you know if this works with the litebox hack?
all the best
joao barroca
aka beduino

PoetJA-1975
04-10-2008, 03:54 PM
Hi BEDUINO - I am not completely sure, as I don't have vB 3.7 installed or the lightbox installed... My guess is that if the lightbox hack works with all attached images or the regular vB https://vborg.vbsupport.ru/ tags, then it should work with the alignment bbcode as well.

Let me know ;)

Jacquii.

yozzzo
07-26-2008, 12:02 AM
nope I've installed this on 3.7.2 with litebox already running...

and it doesn't work... the lightbox's zoom does not show up like usually on the img tags.

nevertheless this is a very good mod

PoetJA-1975
07-26-2008, 01:54 AM
Thanx for the update - just one of the image bbcode I like to use on JPiC for articles and Poet biographies ;) Glad you like.

Jacquii.

PWO81
09-16-2008, 03:26 PM
anyone know this doesn't work for me? I copied everything and I see the wrap image in the forum post. Then I put the url of image in the option and no image shows up when I preview/save it.

PoetJA-1975
09-17-2008, 12:21 AM
It's a bbcode - there should be no reason that it doesn't show if you've copied the directions to the letter. Just be sure that you are using the bbcode correctly:

http://img77.imageshack.us/img77/1202/jpicad30pa.gif

Jacquii.

r3dh3adkid
11-09-2008, 04:25 PM
I've installed this modification on version 3.7.3 Patch 1 and i'm getting this problem

http://www.sovietgaming.net/media/images/imgwrap.png

Does anyone know of a way to fix this?

PoetJA-1975
11-10-2008, 12:18 AM
If there is no text - the alignment will look like that.

Jacquii.

Dennis B
11-11-2008, 11:48 AM
Installed, but with a stlightly different syntax:

<img src="{param}" style="float: {option}; padding: 3px;" />

r3dh3adkid
11-11-2008, 03:24 PM
I do have text but I just put a black block over it.

If you have have text that does not wrap below your picture then it will mess up like I posted.

Is there a way to fix this tho?

PoetJA-1975
11-11-2008, 11:02 PM
The float option only allows for right & left I believe...
My option allows for right, left, middle, top & bottom align ;)
@ r3dh3adkid -- No - the purpose of the image align is for the text to wrap around the image. The only way to alleviate the issue you posted is to possibly use spaces in your post. ALSO - if you are using the bbcode = Click INSTALL.

Jacquii.

behcet
11-26-2008, 07:02 PM
thnx a lot i was looking for it for a long time. but i have a problem.
1-is it possible to add the link as an "option". i mean the opening window (popup).
2-when i want to apply it to the old <img> tag, images are losing and and the red x square symol is looking there. your suggestions?