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.

Perfect thing for news post!

I use it in the calendar a lot. ;)

Awesome ... thanks !!

I do it with uploaded images :D

And your point is...? ;)

Relax. That was not a point, but a statement...:erm:

How do you do it with uploaded images? ;)

Hi,

This works when I use an image from an outside source such as photobucket.

But when I use an image from my own user album it will not display the image.

Is that an expected behavior ?

I use this for all my local images on the site. I can't see why it wouldn't work for any linked image.

I thought so as well .. yet I can't bring in an album pic.

I just re-tested this and it only works for actual images files. I'm not sure how you would set it up to work with any non-image links.

Howdy,

I followed the installation directions for "Add New BB Code" but I didn't see these parts anywhere...

Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: No
Disable Smilies Within This BB Code: No
Disable Word Wrapping Within This BB Code: No

So... not sure what to do with this info. :confused:

Also, I must have done something wrong cuz this doesn't look right.

Thanks. :)

Lyte

Well, I don't want to hijack your thread... but I do it with uploaded images, top, bottom, left, right, alternate, anywhere you want them to appear, on page 2, page 3 etc (if you use my multipages hack) ... where you put them. However, for uploaded images on calendar events it goes only on top. If you want more info, register at my site and ask me all questions you want.

Nothing, that code is in 3.7.0. Your link gives a no permissions error.

boofo, you have been on a roll latly, releasing some nice hacks. : )

any idea of this will work in vbadvanced?

I have no idea, sir. Try it and let me know, please. It works on the calendar great so I would think it should if vbadvanced allows bbcode.

i have the same code since sooo long ... dont know from where i got it ...

any way tnx

There's not too many other ways to do this.

Ah! Thanks.

My bad! I found my boo boo too. Thanks. :)

Lyte

Hmm, I still seem to be having an issue.

What exactly am I to type when I click the icon and the lil box pops up which says...

"Please enter the option for your [IMGR] tag:"

I figured it was asking for something like this...

No?

That is for the background color of the image. Some images have shadows and things like that that look better under their own color. Just set it to white for most images.

Don't forget the install button. ;)

I like your avatar. Did you do that yourself?

This is the most stupid and lame hack that I have ever seen here in vb.org....














BTW, I am a big liar. :p
going to click INSTALL soon.

great job Bobby ... you rock!

I assume this works on vb 3.6.x. Can someone confirm before I install it live?

Great hacks Boofo.

Code error with button, and not working.
Manual code is working.

That is because you are not using the tags as designed.

This:


Should be this:

with the "white" being whatever background color you want the image to have.

Yes, it does. ;)

you can do it in another way



to make the image on the left just in the replacement put this :-
the RemoveTag If Empty put it on yes and the others noooooo


no to make the image on the right just put this code in the replacement box

the Remove Tag If Empty put it on yes and the others noooooo

i believe it will work on alllll the vb versions........

:p

That does the same thing as this code does except it doesn't allow you to set the background color and it adds a line break with the div tags. And my works on all vb versions also. I'll stay with my code, thanks. ;)

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)

https://vborg.vbsupport.ru/external/2008/03/32.jpg

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

https://vborg.vbsupport.ru/external/2008/03/33.jpg

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).

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.

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 :D

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.

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

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

perfect for my news section thanks

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.