A common feature request here on the forum over the years has been to be able to have more control over the placement of images in forum posts. It’s not like we want use the forum as a blogging platform, but it would be nice to be able to include photos that illustrate what we are talking about while not overwhelming colleagues and friends with massive photos that take up the whole computer screen - which is the default behavior for uploaded pictures.
Well, as you can see live in action here in this post, it’s now possible to place images to the left or right of the text. It takes a little HTML know-how, which you can learn right here! Copy and paste the HTML code from the examples below into your post and then replace the URL portion with the URL to the image you want to use.
Left aligned image:
<div data-theme-image="left"> <img src='/uploads/default/original/2X/b/bc8a75cee2ec26174ef7c8def5faae91eaa46f15.jpeg'> </div>
Right aligned image:
<div data-theme-image="right"> <img src='/uploads/default/original/2X/5/5435fc3548ecfd9f1def9e7443eb6952d33688bb.jpeg'> </div>
Power tip: if the image you want to use is not uploaded somewhere on the internet already, you can upload the images you want to use to a personal message to yourself first, save your message, and then find the URL by right-clicking on the image and copying the image URL to your clipboard.
PS: and yes, in case you’re noticing something interesting about the image URLs above, placekitten.com is…
a quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after the URL and you’ll get a placeholder.
Placekitten is alot of fun to use when testing out layouts! There are other services like this out there but placekitten is my personal favorite.