How to post pictures in the forum.

Questions and comments
Post Reply
User avatar
C40
Posts: 2748
Joined: Thu Feb 17, 2011 4:30 am

Post by C40 »

I dig the forum here but it does have a drawback - with the narrow post width, it's hard to insert pictures. I've had a few requests for help on how to post pictures here. Hope this helps:
So the tricky part about posting pictures here is due to the narrow post width. It's about 400 pixels. I'll list steps here for one method of posting the pictures.
You will want to limit the size of the pictures in your post to about 400 pixels wide. Any more will be cut off. I'll generally use a small version that is 320-400 pixels wide, and have it link to a full size version.
I've captured 2 videos of the process and the Step titles have links to them.
PART one -- get the images uploaded and get the addresses to the full size image and a small version:
1-A - Upload the pictures you want to use to Flickr. (There are certainly other places that will work. Flickr works pretty well because it will create a 320 pixel width version of the image for you.)
1-B - Go to that image in Flickr. Right click it and select the largest size option. This is what you'll be linking to.
1-C - The next screen has the full size image. Right click it and either select "Copy image URL" or similar, or open it in another tab so you can get the address later.
1-D - From the same Flickr screen, select a smaller size of the image. Above the image are re-sizing options. Generally you'll want to select the 320 pixel width one. Click that.
1-E - Repeat step 3 on the small image.


Part two -- posting the image in the forum:
In the post, set up the HTML codes. If you don't know how HTML works, go find a very basic tutorial that shows how to make a link (the "A HREF" one), and how to post an image (the "IMG SRC" one). Create a link to the large image. Then you make the clickable part for the link the small image itself, rather than some text. The small image will show up in the post and will be a link to the large image. Do it like this:
<A HREF="LARGE image URL">

<IMG SRC="SMALL image URL"> </a>
(obviously, using the actual addresses within the quotation marks. I don't think it matters if you actually use those quotation marks in the code or not. If your image URLs don't start with http:// and end with .jpg, you have a problem.)
Feel free to practice in this thread.


Felix
Posts: 1272
Joined: Fri Nov 05, 2010 6:30 pm

Post by Felix »

Finally. I was banging my head on the table about this for a bit. HTML-Code clear and simple...



Thanks!


jacob
Site Admin
Posts: 15993
Joined: Fri Jun 28, 2013 8:38 pm
Location: USA, Zone 5b, Koppen Dfa, Elev. 620ft, Walkscore 77
Contact:

Post by jacob »

@C40 - I edited your post to include <> characters for the HTML. You can insert code verbatim in posts using backticks.


Spartan_Warrior
Posts: 1659
Joined: Fri Dec 02, 2011 1:24 am

Post by Spartan_Warrior »

I figured out posting pics, but I've been wondering for a while now: where are the avatar settings? Is there a post count restriction or something? I feel like I've looked everywhere.


henrik
Posts: 757
Joined: Fri Apr 13, 2012 5:58 pm
Location: EE

Post by henrik »

I think the forum is set to pull in avatars from Gravatar


jacob
Site Admin
Posts: 15993
Joined: Fri Jun 28, 2013 8:38 pm
Location: USA, Zone 5b, Koppen Dfa, Elev. 620ft, Walkscore 77
Contact:

Post by jacob »

That's right.


rube
Posts: 889
Joined: Tue Oct 02, 2012 7:54 pm
Location: Europe (NL)

Post by rube »

edit: worked

thnx C40!


sshawnn
Posts: 458
Joined: Tue Mar 08, 2011 8:17 pm

Post by sshawnn »




Post Reply