Posting images, etc. on the board

[Guinness]

If this really belongs elsewhere, please go ahead and move it. Here are instructions for how I post my illustrations (which are 2 pixels per foot scale). For small things, you can safely skip the step where you scale the image to half resolution.

First upload the image to photobucket. It gives you a bunch of "image link code" options. I copy and paste the "direct link" one, though the bbcode one would work too.

Then I wrap that in an image tag in the post editor by pasting it, then highlighting it and clicking the image button. This it looks like this:

Code Select Expand


[img]http://i292.photobucket.com/albums/mm18/mmichael453/CSS%20Enterprise/Enterprise-full.png[/img]


Now, if you just post that, the board is going to scale it the way it wants to, which usually stinks. So take your original resolution, and divide by 2, rounding half pixels up. In this case, this image is 1473px by 600px, so half would be 737px by 300px. You can then put that in the img tag, like this:

Code Select Expand


[img height=300 width=737]http://i292.photobucket.com/albums/mm18/mmichael453/CSS%20Enterprise/Enterprise-full.png[/img]


Now the last step is making them clickable links to the original. To do that, I highlight the whole thing and click the link button:

Code Select Expand


[url][img height=300 width=737]http://i292.photobucket.com/albums/mm18/mmichael453/CSS%20Enterprise/Enterprise-full.png[/img][/url]


Then put the url, which is the same as that in the img tag in the url tag, like this:

Code Select Expand


[url=http://i292.photobucket.com/albums/mm18/mmichael453/CSS%20Enterprise/Enterprise-full.png][img height=300 width=737]http://i292.photobucket.com/albums/mm18/mmichael453/CSS%20Enterprise/Enterprise-full.png[/img][/url]


Finished result looks like this: