Denver HSPs
Please log in or register.
Denver HSPs
Please log in or register.
Denver HSPs
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Denver HSPs

A human creature born abnormally, inhumanely sensitive.
 
HomeSearchLatest imagesRegisterLog in

 

 How to post images

Go down 
AuthorMessage
Jae Baeli
Admin
Jae Baeli


Posts : 83
Join date : 2011-11-09
Age : 62
Location : Lakewood

How to post images Empty
PostSubject: How to post images   How to post images EmptyTue Dec 06, 2011 2:56 pm

Wrapping text around image in forum post

The simplest version, is just to use the insert image code ont he toolbar, which is the button that looks like a photograph. Put your curser into the post where you want the image, click the button and input the link to the photo, and it will place the link between two image codes like this:

Code:
[img]http://jaebaeli.com/blog/wp-content/uploads/2011/11/dirtylaundry2.jpg[/img]

When you send the post, meaning, publish it, it will look like this:

How to post images Dirtylaundry2


To insert an image with your text, and have the text wrap around it, paste this code next to the text where you want the image:

Code:
<a href="URL OF YOUR PHOTO" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://URL OF YOUR PHOTO" /></a>

You will replace both the URL OF YOUR PHOTO text, with your own link to the image. For instance, one of mine was:

Code:
http://jaebaeli.com/blog/wp-content/uploads/2011/11/dirtylaundry2.jpg

So the code will look like this, with MY link in it:

Code:
<a href="http://jaebaeli.com/blog/wp-content/uploads/2011/11/dirtylaundry2.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://jaebaeli.com/blog/wp-content/uploads/2011/11/dirtylaundry2.jpg" /></a>

you can also change the FLOAT: LEFT to float: right if you want the image on the right hand side of the page, with text wrapping around it that way.

If you do this correctly, your post will look like this:

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?


Back to top Go down
http://jaebaeli.com
 
How to post images
Back to top 
Page 1 of 1
 Similar topics
-
» How to post images
» How to post images
» How to post images

Permissions in this forum:You cannot reply to topics in this forum
Denver HSPs :: Denver HSPs Admin :: Tech Help-
Jump to: