The Stand Still, Stay Silent Fan-Forum

About the Site => Website Help and Rules => Topic started by: Lenny on May 04, 2015, 06:05:18 AM

Title: How to Insert Images and Other Things
Post by: Lenny on May 04, 2015, 06:05:18 AM
A general how to on inserting images and other things.

Includes a Guide to Art Threads on the Forum at the end of the post.

Some of you might have seen almost exactly the same tutorial and info in the SSSS and aRTD Art Museums. Talking it over with our forum-Thor, Eich (https://ssssforum.com/index.php?action=profile;u=1), we agreed that one thread with the tutorials would be best. This makes it easier to link people to it, and also makes it possible to sticky it to the top of the SSSS Board to make it easy to find.

I have one ask! This thread is made with tutorials in mind, and is to be kept as clean as possible. Therefore, this topic will be locked . If you have suggestions as to what else could be included, on how to make the tutorial more readable, on other functions that need tutorials that you would like me to write, or on points that need clarifying, please send me a private message instead. Or discuss it on the Forum and Website Discussion Board (https://ssssforum.com/index.php?board=4.0)!

For more information on BBCode and other helpful forum information, please visit the Helpful Information (https://ssssforum.com/index.php?topic=416.0) thread.


Table of Contents
Title: Re: How to Insert Images and Other Things
Post by: Lenny on September 19, 2015, 01:41:31 PM
General Guidelines on Inserting Images

Wacky stuff is fine, NSFW stuff is not. Keep the Forum Rules (http://ssssforum.com/index.php?topic=3.0) in mind.

To comply with the no pornographic material rule, most nudity is not allowed (nudity with a sexual context is completely out), and no adult scenes. This includes links to images. Basically, if you don't think you should post it directly here, don't link to it. If you are unsure, ask a moderator about it first before posting.



A few notes regarding image insertion:
Title: Re: How to Insert Images and Other Things
Post by: Lenny on September 19, 2015, 04:23:31 PM
Inserting Images, Resizing, and Linking Back to the Original

Inserting images is pretty simple! Either click on the Insert Image button, (https://ssssforum.com/Themes/Gray/images/bbc/img.gif) (located below the Bold button), or insert the code manually:

Code: [Select]
[img][/img]
Your actual image will need to be hosted on another site (dA, tumblr, photobucket, flickr, there are a myriad of them out there). Once you've done that, right click on the image and select "Copy image location" or something with similar wording (might differ between browsers). Then paste the resulting URL between the code, like this:

Code: [Select]
[img]http://www.example.net/example_pic.png[/img]
Make sure that it ends with an image file type (common image file type examples: .jpg or .png). If it doesn't, you've probably copied the wrong link.



Now, if you want to resize your image because it's too large, use the following code (with the number used being the pixel size you want):

Code: [Select]
[img width=300]http://www.example.net/example_pic.png[/img]
Or this:

Code: [Select]
[img height=300]http://www.example.net/example_pic.png[/img]
Or even this (only recommended if you know the exact ratio of your picture, otherwise the image gets distorted):

Code: [Select]
[img width=300 height=300]http://www.example.net/example_pic.png[/img]
My personal recommendation would be to only use the width= tag. Width is the most important to get right. If this is too large it makes it hard to see the entire image easily, and can make navigating the forum an irritation.



If you want to link people back to the original picture when they click on it, just wrap the whole thing in a url, like this:

Code: [Select]
[url=http://www.example.net/examples][img]http://www.example.net/example_pic.png[/img][/url]
If you come across any errors while using these codes, please double check the code you've written before asking for help. Make sure your spelling and spacing is correct - a space or a word that is almost the same but not completely can mess up things quite a bit, and is an easy fix.



And that's all! Pretty simple, though it might take a little while to memorize it. Again, if anyone has any questions, or you feel I've left something out, just PM me. I'll endeavour to answer questions and update this tutorial as needed.

(As an aside, if anyone wishes to show code as I've done in this tutorial, click on the Insert Code button, (https://ssssforum.com/Themes/Gray/images/bbc/code.gif), located between the Insert Table and Insert Quote commands. Write the code you want to showcase within the resulting tags, and voilà! Beautiful example code, without makeshift things like "it's this but without the dashes" or similar.)
Title: Re: How to Insert Images and Other Things
Post by: Lenny on September 19, 2015, 04:24:48 PM
A Guide to Art Threads on the Forum

The SSSS Board


The General Discussion Board




The A Redtail's Dream Board


This is a growing list. If you see I've missed a particular thread, PM me and I will add it if it's relevant.[/list][/list][/list]