Wrap text around an image

BBCodes simples, BBCode normal, BBCode simple
User avatar
GodSend
Site Admin
Posts: 42
Joined: November 14th, 2012, 7:30 pm

Wrap text around an image

January 28th, 2016, 5:54 am

Description
Adding text after [imageleft]{URL}[/imageleft] will wrap the text around the image.
The image URL goes between the [imageleft] tags.
The example can be easily modified to have the image on the right by changing
float:left to float:right and padding-right to padding-left


Settings
BBCODE USAGE:

Code: Select all

[imageleft]{URL}[/imageleft]


HTML REPLACEMENT:

Code: Select all

<img src="{URL}" style="float:left;padding-right: 5px;" />


HELP LINE:

Code: Select all

Any text added after [/imageleft] will be wrapped around the image.


Demo:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Return to “Normal BBCodes”