BB Code Enhancements - Images with text wrap

Images with text wrap
Version 1.0.1
(By Boofo)

What does this do?
This will allow you to wrap test around images on either the left side or the right side. You can also define the background color you want for the image.

Installation:
Custom BB Codes to make: 2
Files to Upload: 2

Installation Instructions:
Step 1: Upload the 2 images to the images/misc folder.

Step 2: Go to Admin CP -> Custom BB Codes -> Add New BB Code
Enter the following information for each BB Code.

Done!
Enjoy!

NOTE: If you do not click install, you do not need support.

[setishock]

Sorry for double posting but this is kinda important. I'm using this code with some 600x600 collages to make a thread. Pics and text work fine at higher resolutions but at lower resolutions the images float over the text blocking it. Is there anything short of reducing the size of the pics I'm using (already reduced them from 800x800 to 600x600) that would make this thread come out right? I'd really like to avoid reducing them too much as the images that make up the collage would be hard to make out.
http://animeappeal.com/forums/showthread.php?t=181

[Boofo]

I just checked your link and when I lowered the window size, I didn't see text floating over the images. It just moves the text below or above the images. Or am I missing what you are asking, which is entirely possible.

[setishock]

I created those on my desk system. 20" widescreen running @ 1680x1050. My laptop is 15.4" running @ 1280x800. That's top res for those systems respectively.
I though I had taken in to consideration the resolution differences by reducing the size of the collages to 600x600 from 800x800. It works if you park pictures offset. When the forum floats down to fit the laptop screen it shows as it was intended.
But if the pics are one on the left >text in between< pic on the right, when the forum floats down to fit the laptop screen, the pictures get push together and the text that was in between is now behind the pictures. If you look at the thread about your bbcode and the one above it about making collages with the same sized screen and res as my laptop, you'll see what I'm trying to say. Also if you look just under the top and bottom pics in my laptop's configuration, you'll see a word just about buried under the top set and a loose word under the bottom set. Those were part of the text between the sets.
I'd rather it stay like it was put together and the scroll bar pop up than to have it crushed together like it's doing.

[Boofo]

OK, I see what you are saying now. I don't see a way to do that, to be honest with you. I will play with it and see if I can come up with anything but the way it works, I'm not sure we can set it to scroll if the screen size is too small. You are the first one that has done it with the text in between pics.

[NAZIA]

:up: Nice one Important modification... :up:

[Boofo]

Originally Posted by NAZIA

:up: Nice one Important modification... :up:

But no important enough for the install button?

[setishock]

What does hspace and vspace control?

[Boofo]

Horizontal spacing and vertical spacing between the pic and the text.

[setishock]

You'd be amazed at what you can do if you change those values. I duped the left justitfy command and renamed it then set the values to increase the padding. When you increase the hspace value it pushes the image off of the left side of the forum border and pushes the text over also.
If you want to center a pic and have text under it you:
First find the total width of the screen. Divide that in half.
Do the same for the picture you'll be using.
Subtract the half of the picture from the half of the screen and you get the padding in pixels you need to put in hspace.
Then bang in those carrage returns till your edit and quote buttons are back down at the bottom of the page adding the imfamous period at the end.
Or
Drop down a line or two under the picture and put in your text.
The padding acts like a wall on the right hand side of the whole image. If you over run the right forum page border it will get pushed out.

I added another button to be able to have seperate values for another image. I wound up with this:
(5/4/08> Site crashed. All lost including backups. I will endevoer to get the how to's back up ASAP.)
I came back to correct the formula. It was in error. It is the screen res after all. But it does apply no matter what res you use. Center is center.

[Goomzee]

awesome mod