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.

[ccplim]

Nice one! This will surely help to beautify my articles section.

I tested it on my test board which is on vb 3.6.8 PL2 and it works like a charm except for the text wrapping which I believed is currently only available in vb 3.7.x.

Two more things that I have noticed is that if the text content is too short to cover the entire height of the image, our signature gets aligned to the left/right too. Does this happen with vb 3.7.x? It will be great if the signature can remain at the bottom.

Also, if the text content is too short to cover the entire height of the image, the next image following the text will also be aligned to the left/right (see sample below)



Is there a way that we can make it such that it become like this (see below)?

[Boofo]

You need to do a link break at the end for the sig to stay at the bottom, I think. I think a line break would fix the above issue too, although I haven't played with that yet. On posts I use the tag, I disable my sig for a more professional look.

You said something about this being in 3.7? The text wrapping part should work on any version.

[ccplim]

Originally Posted by Boofo

You need to do a link break at the end for the sig to stay at the bottom, I think. I think a line break would fix the above issue too, although I haven't played with that yet. On posts I use the tag, I disable my sig for a more professional look.

You said something about this being in 3.7? The text wrapping part should work on any version.

How do I go about doing a link/line break? (sorry..... really have limited knowledge on all this)

I am referring to the following "code" that you have which I believed only exist in 3.7.x which is the main reason why I am not seeing this at the moment. I am fine with that at the moment but will sure give it a go when I upgrade to vb 3.7.

Disable Word Wrapping Within This BB Code: No

The text wrapping is indeed working :up: The only thing now is to figure out how to achieve the result in my second image (Which I cheated a little at the moment but that is not a good solution especially for a long article).

[Boofo]

By line breaks I mean hit the enter key.

I just read the description for the word wrapping line. That only works WITHIN the tags.

Don't forget the install button.

[ccplim]

Originally Posted by Boofo

By line breaks I mean hit the enter key.

I just read the description for the word wrapping line. That only works WITHIN the tags.

Don't forget the install button.

I see.... haha...

But then, if let say I only have a few lines of text beside the image, I will need to perform many line breaks, which will cause quite some confusion especially for a long posting.

For example...... with the following 'codes' below, I got the results that you see in the first image that I posted above.

[wrap="left"]First bird picture on the top left[/wrap]
Block of text left of first picture

[wrap="left"]Second bird picture on the right bottom[/wrap]Text

If I want to get the results in the second image that I have posted, my post will actually have to look like this. (which is the 'cheating' method that I am using at the moment

[wrap="left"]First bird picture on the top left[/wrap]
Block of text left of first picture






16 lines of line breaks in between






[wrap="left"]Second bird picture on the right bottom[/wrap]Text

[Boofo]

Exactly. The way you are doing it is how it must be done when wrapping text that is smaller than the pic. Unless you use tables, there is no other way to do it.

[ccplim]

Gosh... looks like I'm gonna have some headache now with articles spanning over a few pages and more than 20000 characters :erm:

[Boofo]

What do you mean? I just alternate the images like the pic in the first post when I get a long article.

[MissKalunji]

perfect for my news section thanks

[ccplim]

Originally Posted by Boofo

What do you mean? I just alternate the images like the pic in the first post when I get a long article.

I usually have many images in my articles and thus need to do alot of adjustments.

Another thing that I just found out. If you resize the browser window and make it smaller, the text will get wrapped at the side and pushed down, leaving a big gap. This might cause a layout error with people using different/lower screen resolution. I need to test this out when I get back to office on Monday before I can confirm.