Page 1 of 1

Posting Pictures Tutorial

Posted: 24 Oct 2012 09:01
by Ranch Dog
Posting pictures is very easy. Images are added as attachments to a new post or can be added when editing an existing post. Before adding your images resize them with your photo editor to be no greater than 640 in height or width! When a image does not fit your web view or the space the server allots for an image, scroll bars appear at the bottom and/or right side of the image. These bars are manipulated to view the entire image.

Comments are allowed with each image and will appear at the bottom of each image. This tutorial uses the comment boxes to describe uploading an attachment with each appropriate image.

Image
While working in the draft editor, select "Upload Attachment".

Image
"Choose File" will open a file browser box. Use the appropriate icons to navigation to the directory containing the file(s) you would like to attach. The attachments must be on your computer.

Image
Select the image with your mouse.

Image
Click on "Save". Don't forget to use the scroll bars to view images!

Image
The File Selection Box will close. Click on "Add This File".

Image
Once the file is uploaded to the Rossi-Rifleman server, the progress is displayed in the lower left had corner of your browser, you will see the file posted in the draft display. Left alone, the attachment will be displayed at the bottom of your post.

Image
The attachment can be placed "inline" by position your cursor where you would like the attachment to appear. Don't forget to use the scroll bars to view images!

Image
Once the cursor is positioned, select "Place Inline". In this example the cursor has been positioned between the two lines of text.

Image
In the example above, the image (bounded by a red outline and highlighted with yellow, has been added between the two text lines. Don't forget to use the scroll bars to view images!

Image
Your attachments are cataloged and can be managed in your "User Control Panel".

Image
This tutorial applies only to uploading attachments to the Rossi-Rifleman server. Use of the PHPBB IMG code is for inserting an URL for an image that is posted elsewhere on the web.

Re: Posting Pictures Tutorial

Posted: 24 Oct 2012 10:09
by pricedo
OR

Upload the photos to Photobucket and imbed the URL/IMG in the post body.
The problem with using Photobucket is that when the photos expire the tag leaves an ugly "scar" in place of the image in the respective post on the host message board.
I would go with the attachment process as per RDs walk-through on this thread.

Re: Posting Pictures Tutorial

Posted: 24 Oct 2012 11:19
by akuser47
good info thanks

Re: Posting Pictures Tutorial

Posted: 12 Feb 2013 11:09
by 357cyrus
how do you make an attachment from a web page like you did here?


viewtopic.php?f=9&p=6862#p6862

Re: Posting Pictures Tutorial

Posted: 12 Feb 2013 12:39
by Ranch Dog
357cyrus wrote:how do you make an attachment from a web page like you did here?


viewtopic.php?f=9&p=6862#p6862
I took a screen shot of the the web page and saved it as an image. Most photo shop software can do this or other applications. One great, free, program is Irfranview.