About the Site > Website Help and Rules

How to Insert Images and Other Things

(1/1)

Lenny:
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, 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!

For more information on BBCode and other helpful forum information, please visit the Helpful Information thread.


Table of Contents


* General Guidelines on Inserting Images
* Inserting Images, Resizing, and Linking Back to the Original
* A Guide to Art Threads on the Forum

Lenny:
General Guidelines on Inserting Images

Wacky stuff is fine, NSFW stuff is not. Keep the Forum Rules 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:

* Please do not go above 700 pixels wide if you are posting a portrait-formatted picture.
* Please do not go above 1000 pixels wide if you are posting a landscape-formatted picture.
* Do not insert an image where the original image is more than 10MB (no matter how you have resized it on the forum). It can otherwise become really hard for members with slow connections to navigate the forum.
* If any of these restrictions are killing some of the details in your picture, just leave a link to the full-sized image with it.
* Only ever insert images from sites that are fine with hotlinking! (For example, if it's an image you've personally uploaded to imgur, deviantART, tumblr, photobucket, etc. - that should be fine. Inserting an image from someone's personal website without their permission is not.)
* As far as I am aware, it is not easily possible to show only part of a larger image through using BBCode, if possible at all. If you wish to do something similar, save the original picture to your computer and crop it in an image editing program (the most generic and simple image editing software has a crop function - even MSPaint can be used for this). Upload the resulting image onto an image hosting site and link that image instead. Important: Please make sure the original artist/creator of the image is fine with this use of their images. Not all are, and it is a common courtesy to make sure.

Lenny:
Inserting Images, Resizing, and Linking Back to the Original

Inserting images is pretty simple! Either click on the Insert Image button, (located below the Bold button), or insert the code manually:


--- Code: ---[img][/img]
--- End code ---

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: ---[img]http://www.example.net/example_pic.png[/img]
--- End code ---

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: ---[img width=300]http://www.example.net/example_pic.png[/img]
--- End code ---

Or this:


--- Code: ---[img height=300]http://www.example.net/example_pic.png[/img]
--- End code ---

Or even this (only recommended if you know the exact ratio of your picture, otherwise the image gets distorted):


--- Code: ---[img width=300 height=300]http://www.example.net/example_pic.png[/img]
--- End code ---

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: ---[url=http://www.example.net/examples][img]http://www.example.net/example_pic.png[/img][/url]
--- End code ---

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, , 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.)

Lenny:
A Guide to Art Threads on the Forum

The SSSS Board


* PerSSSSonas Child Board: This child board contains any and all threads to do with self-inserts in the SSSS world. If you're uncertain as to what this is, check it out and see.


* The SSSS Art Museum: This thread is for any art that is SSSS related that does not fit into any other thread category.
* The Uniform Overanalyzing Thread: A must-see thread for any artist who's puzzled over how those uniforms actually work...
* Mikkel's eye colour: A handy reference thread for those of you wondering about the crew (not only Mikkel's!) eye colours.
* Art Permission: Permit or deny sharing of your art on an SSSS pinterest board organized by kahli.
* Doodle or Die: The SSSS Doodle or Die thread, with a link to the SSSS room. It's a pretty fun art/literature telephone game.
* 3D models from or for Minna's world: For discussion and sharing of SSSS-related 3D models, and for general advice about 3D modelling.
* T-shirts SSSS: Where t-shirts are made...
* Lalli themed 2015 calendar: A project to create a Lalli-themed calendar. Project shelved due to lack of participation, but still good for ideas.
* Short sequences (Minna's home cinema): A thread collecting many sequential panels that have the possibility of being turned into .gifs...
* SSSS Memes/Edits Thread: This thread is for any edited material based on the original comic.
* SSSS Crafting and Applied Arts Museum: The name says it all - an SSSS art museum for all the crafty ones among us. Remember, only for SSSS-related crafts.


* streamssss: A thread for any art-streams held by forum artists.


* Fanvideos: A thread for SSSS fanvideos!


* Cosplay: This thread is for any SSSS cosplay.
* Lalli's boots appreciation thread: Perhaps most relevant to cosplayers, this thread discusses how to find boots similar to Lalli's.


* The SSSS Scriptorium: This thread is for any SSSS fanfiction.
* Requests for stories in the SSSS world - you request and I'll write: A general prompt thread for SSSS fanfiction.
* Collaborative Project: The Hotel Survivors: A collaborative literature project about rash survivors in Iceland starting in Year 0. Contribution or beta-reading is welcome.
* SSSS fan-translation: A fan-translation of SSSS where all the characters are speaking the language they actually are speaking (i.e. Lalli speaking Finnish, Reynir speaking Icelandic, etc.etc.).
* Silent World Recording Studios!: The thread for SSSS filks! (Which, for the unknowing among us, is rewritten lyrics based on already-existing songs.)
* Poetry Collection: This thread is for any SSSS poetry.


* SSSS Cards and Tarot: A thread for the development of SSSS-themed playing cards/tarot cards.
* SSSS Magic: The Gathering crossover!: A thread about ... well, the title says it all.
* ~SSSS Fangame Devlog~: An SSSS fangame organized by Lugalias. If you want to help with this, check out this thread!
* SSSS: The RPG: This thread is not all that active anymore, but has some good resources and ideas if you are thinking about creating a tabletop SSSS RPG.
* Stand Still Stay Silent: The RP [Concept and OOC]: The title says it all. Be sure to check this message for a more recent update. Unlike the SSSS: The RPG thread, this one is still active and beginning play.


* SSSS: The Musical!: The thread on creating an SSSS musical. Pretty cool stuff right there!
The General Discussion Board


* The Forum's Art Museum: This thread is for any art not related to aRTD or SSSS.
* Art Commission Thread: Self-explanatory: a thread to advertise art commissions on.
* Art Style Swap:
* Drawpile SSSSessions:
* Coloring Book/Pages Thread:
* Arts & Crafts:
* Comics by Minnions: A thread to share webcomics made by Minnions.
* Forumite-Made Webcomics Discussion Thread: A thread to discuss webcomics made by Minnions and general comic-making discussion.


* Art Supply Discussion Thread:
* Art Tutorials:
* Animation apps for the ipad:
* Art Programs:
* Drawing apps:
* Learning To Draw: A thread where beginning artists can share themed sketches and learn together.


* Cosplay (non ssss):
* Cosplay Help:


* The Forum's Scriptorium: This thread is the literary equivalent of the Art Museum. Post your stories here!
* OC Showcase: A thread to post any and all information about your Original Characters! This includes text only, visuals only, a mix... anything.
* Creative writing group:
* The haiku thread:
* NaNoWriMo:


* ARTD/SSSS Yarncrafter's Club:
* Y(e)arning for adventure:
* Recipe swap:

* Minnion performances:
* SSSS Band:

The A Redtail's Dream Board


* The aRTD Art Museum: This thread is for any aRTD related artwork.
* The aRTD Scriptorium: This thread is for any aRTD fanfic.
* The aRTD Poetry Thread: This thread is for any aRTD poetry.
* aRTD Memes/Edits Thread: This thread is for any aRTD edits and memes!
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]

Navigation

[0] Message Index