Wrapping text around images in posts

djbaxter

Administrator
Administrator
Joined
Jun 28, 2012
Messages
2,941
This was requested recently by @JoyHawkins but it ntook a while to get it right.

I've added the ability to align images to the left or right and to wrap text around those images in your posts.

Left Align Images
Use the following code around your image:

Code:
[image_left][ATTACH=full]3890[/ATTACH][/image_left]
This will produce the following result:


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque purus ex, in aliquam quam lacinia eu. Donec dapibus augue est, et pulvinar nulla consectetur at. Mauris convallis eget risus vitae viverra. Aliquam sed sem nec orci porttitor sodales sed a velit. Integer felis felis, cursus vitae quam in, volutpat laoreet sem. Vestibulum justo dolor, ultrices quis convallis non, iaculis sed diam. In ac efficitur leo. Ut aliquam massa tortor, ut eleifend nisi fermentum eu. Quisque est eros, efficitur at tortor quis, fringilla consequat magna. Vivamus sapien risus, pulvinar semper maximus ut, volutpat sed justo. Maecenas sit amet justo quis ante interdum varius vitae sit amet tellus. Nunc sed odio mi. Fusce sed suscipit orci, in mollis metus. Donec euismod, ex non facilisis scelerisque, nisi neque sodales diam, quis dictum lacus turpis id ligula. Quisque volutpat euismod varius.

You can also upload images as attachments and then use the image_left bbcodes around that to get the same result.

Right Align Images
Use the following code around your image:

Code:
[image_right][ATTACH=full]3892[/ATTACH][/image_right]
This will produce the following result:


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque purus ex, in aliquam quam lacinia eu. Donec dapibus augue est, et pulvinar nulla consectetur at. Mauris convallis eget risus vitae viverra. Aliquam sed sem nec orci porttitor sodales sed a velit. Integer felis felis, cursus vitae quam in, volutpat laoreet sem. Vestibulum justo dolor, ultrices quis convallis non, iaculis sed diam. In ac efficitur leo. Ut aliquam massa tortor, ut eleifend nisi fermentum eu. Quisque est eros, efficitur at tortor quis, fringilla consequat magna. Vivamus sapien risus, pulvinar semper maximus ut, volutpat sed justo. Maecenas sit amet justo quis ante interdum varius vitae sit amet tellus. Nunc sed odio mi. Fusce sed suscipit orci, in mollis metus. Donec euismod, ex non facilisis scelerisque, nisi neque sodales diam, quis dictum lacus turpis id ligula. Quisque volutpat euismod varius.


Just something to customize your posts a bit. :)
 
Last edited:

djbaxter

Administrator
Administrator
Joined
Jun 28, 2012
Messages
2,941
1. I'll look for a way to simplify use of this by adding buttons in the editor to automatically add the necessary tags around your image.

2. Note that this is only going to work for images that are less wide than the maximum post width. If you try to use is for very wide images, any text will just be displayed below the images since there is no room to wrap.
 
Last edited:

  Weekly Digest

Weekly Digest
Subscribe/Unsubscribe

  Promoted Posts

New advertising option: A review of your product or service posted by a Sterling Sky employee. This will also be shared on the Sterling Sky & LSF Twitter accounts, our Facebook group, LinkedIn, and both newsletters. More...

  Local University Guide


Google Product Exert

Top