MyBB Community Forums - How to add a bbcode [float]?

(2010-02-20, 02:31 AM)elim Wrote: [ -> ]Therefore the challenge is still there: find a way to layout inserted attached image nicely: [float=right]..[/float]

http://community.mybboard.net/thread-650...#pid467938

(2010-02-19, 11:20 PM)Scoutie44 Wrote: [ -> ]Regular Expression;
\[float=(.*?)\](.*?)\[/float\]
Replacement;
$2

Scoutie44, Thanks a lot!
My guess is that this one should do it. But I don't know where to put it and what exactly to put in code.

Could you please make things more easier for newbies?

http://wiki.mybboard.net/index.php/Admin...fig_MyCode Wink

Scoutie44 and querschlaeger solved my headache completely. Realy appreciate your help.

(2010-02-19, 11:20 PM)Scoutie44 Wrote: [ -> ]Regular Expression;
\[float=(.*?)\](.*?)\[/float\]
Replacement;
$2

Don't do that, unless you don't mind users injecting CSS onto your board.

You can use the built in align tag, eg:

[align=right][url=whatever][img]whatever[/img][/url][/align]

Or nest the URL around the image:

[url=whatever][img align=right]whatever[/img][/url]

(2010-02-21, 12:50 AM)Yumi Wrote: [ -> ]You can use the built in align tag, eg:
[align=right][url=whatever][img]whatever[/img][/url][/align]
Or nest the URL around the image:
[url=whatever][img align=right]whatever[/img][/url]

This will create an ugly gap...

(2010-02-21, 12:50 AM)Yumi Wrote: [ -> ]
(2010-02-19, 11:20 PM)Scoutie44 Wrote: [ -> ]Regular Expression;
\[float=(.*?)\](.*?)\[/float\]
Replacement;
$2
Don't do that, unless you don't mind users injecting CSS onto your board.

You are right. Better to use this Regex:

\[float=(left|right)\](.*?)\[/float\]

Test:

Test #2:

Ugly gap?
There are issues with using the float CSS (2nd example), which is what this thread is asking about...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.

Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. [Image: php.gif]

Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc...

The first paragraph uses the [align]-MyCode. You see: There is an ugly gap im the middle of the text!

The second paragraph uses the [img]-MyCode with the align parameter. Result is a continuous text block. Thats what the thread starter wanted! The Problem is, that you can add the align-parameter only with [img]-MyCode, not in [url], [b], [i], ... So you have to create a new MyCode [float=left/right]

(2010-02-21, 01:25 PM)querschlaeger Wrote: [ -> ]Thats what the thread starter wanted! The Problem is, that you can add the align-parameter only with [img]-MyCode, not in [url], [b], [i], ... So you have to create a new MyCode [float=left/right]

Oh I see now. I missed that.