MyBB Community Forums
[How To?] write next to image - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: [How To?] write next to image (/thread-189096.html)



write next to image - Darkrad - 2016-02-17

Is it possible to write next to the image? Which code I should be using?  

Like this :


***********  texttextexttexttexttextexttexttexttextexttext
*                  *  texttextexttext
*                  *  texttextexttexttexttextexttext
*    IMAGE    *  texttextexttexttexttextexttexttexttextexttext
*                  *  texttextexttext
*                  *  texttextexttexttexttextexttext
***********  texttextext

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

Replacement;
<span style="float: $1;">$2</span>


Is this method safe to use html-wise?


RE: write next to image - .m. - 2016-02-17

for the regular expression you can use \[float=(left|right)\](.*?)\[/float\] (little better than above)

edit: see also this post


RE: write next to image - Darkrad - 2016-02-17

Thank you.


RE: write next to image - Learning - 2019-05-26

Hi !

I am trying to do the same thing but am new to coding as well as myBB !

Have managed to create a MyCode , titled WrapText with Regular expression as :

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

and Replacement as :

<span style="float: $1;">$2</span>

What do I  do next ?

For example, say I want to put an image at URL :

https://image.shutterstock.com/image-illustration/cartoon-law-book-450w-262262375.jpg

in a post at my forum, and have text wrapped around this image.

A step wise reply would be very highly appreciated. Thanks much in advance !


RE: write next to image - .m. - 2019-05-26

^ that float MyCode can be used with 2 options - left & right
text content will be wrapped depending on the image size & text content

[float=left]image code[/float]

[float=right]image code[/float]