PDA

View Full Version : Mini Mods - VB Image Hosting BBCode Align Image Tags


jaks
08 Nov 2006, 00:41
If you use the same hacks as I am listed below then you might want to add another Couple BBCodes because using the Align left or Align right buttons found within Borg's BBCode additions will not be valid XHTML when combined with VB Image hosting. You will also have duplicate BBCode image tags which doesn't make sense. VB Image hosting makes your image link to a seperate page to view full size images. Borg's BBCode Align tag already has built in image tags so that will cause problems.

VB image Hosting
http://www.vbulletin.org/forum/showthread.php?p=1106016

Borgs' Pack - Signs, User, Divider, Search Tags, Float Images
http://www.vbulletin.org/forum/showthread.php?t=103257

Anyway this is now much of a hack but i figure there might be some that will not notice until it's too late and have to edit a bunch of posts to fix that problem. I have also attached 2 images you can use for new buttons or you can make your own.

Add these in AdminCP==>Custom BB Codes==>Add New BB Code
[B]#1
Title: Align Right
Tag: AR
Replacement: <div style="float: right; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;">{param}</div>
Example: <div style="float: right; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;">https://www.vbulletin.org/forum/ (http://www.yoursite.com/forums/vbimghost.php?do=displayimg&imgid=20)</div>
Description: Aligning image to the right from Truly Unusual Image Hosting
Use {option}: No
Button Image (Optional): http://www.yoursite.com/forums/images/editor/Alignright.gif

--------------------------------------
#2
Title: Align Left
Tag: AL
Replacement: <div style="float: left; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;">{param}</div>
Example: <div style="float: left; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;">https://www.vbulletin.org/forum/ (http://www.yoursite.com/forums/vbimghost.php?do=displayimg&imgid=20)</div>
Description: Aligning image to the right from Truly Unusual Image Hosting
Increase Size Decrease Size
Use {option}: No
Button Image (Optional): http://www.yoursite.com/forums/images/editor/Alignleft.gif

Don't care if you click Install or don't. Not planning on winning any wards with this post lol.

Smiles at Ranma2k and Borgs8472

transitbus
08 Nov 2006, 17:05
Few things:

The alignment messes with the postbit causing your signature to line up with the aligned image. Secondly the example does not render properly and having html code for this might cause issues with the formatting.

jaks
08 Nov 2006, 18:44
Few things:

The alignment messes with the postbit causing your signature to line up with the aligned image. Secondly the example does not render properly and having html code for this might cause issues with the formatting.

Thanks for your comments

1. The alignment problem is the same as it is with Borg's BB Code additions. This is only when the image is at the bottom with very little text next to it. if you have any ideas how to fix that i would love to know myself.

2. The example image doesn't render because it's set to an image at yoursite.com. Just swap it for another linking image on your site or somewhere else.

3. Not sure where you see HTML. There is only BB code used in this additions.

If anyone has a better way or even another way to do this I'm all ear. I use this and it works for me aside for the one stated bug when using an image near the bottom of the post. I use it mostly for my VBA CMPS.

My biggest concern was to have valid XHTML. Just figured other people using the same or similar hack would like it if they are lazy like me. :p

behcet
26 Nov 2008, 20:10
tnx jaks