This guide covers the BBCode that is required to do common functions on YCM (and other sites).
Specialized code for this site will not be covered at this time, and may be added later.
I will be leaving the required input in a code [along with any keyboard commands that can be used after highlighting content], and then give a sample of what you should get from them.
(You may also access these commands in the toolbar above the text box.)
TABLE OF CONTENTS
(Ctrl + F for quicker access)
- Text color
- Text Alignment
- Font Size
- Spoiler tags
- Code boxes
- 8/28/2017: Added #1 - 13
You can also highlight the text, then hit Ctrl + B.
Hit the [ B ] button in the toolbar.
You can also highlight the text, then hit Ctrl + I.
Hit the [ I ] button in the toolbar.
You can also highlight the text, then hit Ctrl + U.
Hit the [ U ] button in the toolbar.
You can also highlight the text, then hit Ctrl + S.
This is the one that will be used often, so please memorize this one.
[img]URL of image[/img]
Make sure that your URL ends with a image extension like .jpg, .png or .gif.
If you are posting images from Wikia, remove anything after the file extension.
You can also use the picture button.
(Saffira's DUEA print in Japan.)
If you want to post this, remove anything after the .png part before placing the link inside tag.
You can just copy/paste the URL of your choice into the post, and it will automatically render once the page is refreshed.
However, if you wish to have a string or even an image link to a URL of choice, then do this:
[url=(link here)]Text or image here[/url]
[color=(color name)] Content here [/color] [b]OR [/b] [color=#hexcode] Content here [/color]
Use the first option only for specific color names (like blue, red, black, orange, etc.).
Second option is used for more specific tones and hues [for example, #ffd700 if you want gold-colored text].
http://htmlcolorcodes.com/ + http://htmlcolorcodes.com/color-names/
(Use these to find colors you want)
You may also click on the color palette between the size box and emotes/smiley box for predetermined choices. Make sure you highlight the text first.
[quote]content[/quote] OR [quote name="(something)"]content[/quote]
Use the first one to generate a generic quote bubble to put stuff in. (You can also click the "quote" button to generate the bubble yourself.)
The second one is if you wish to have it read "(x) said", but that will require you to switch to BBCode mode when typing and do the above.
By default, all text on this site is left-aligned; however if you want to center stuff or right-align, use these:
[center]text[/center] OR [right]text[/center]
You can also do this yourself by clicking the alignment buttons at the far right of the lower toolbox.
By now, you have noticed that I have been using larger font than others to mark sections. You can do this by highlighting the text you want, and going to the "Size" menu (it's between the font setting and color options).
Unless it is absolutely necessary, please try not to use size 24 or higher font for posts. (I am using size 24 to mark sections in this guide).
This is one of the most common ones used, so please memorize the coding.
You may also do spoiler nesting, as in placing a spoiler in another spoiler. You simply need to put the opening/coding marks around the previous spoiler, like this...
[spoiler=(name)] [spoiler=(name 2)] content goes here [/spoiler] [/spoiler]
You don't need to put the spoiler tags on different lines; you may also leave them on the same line. And yes, it is possible to nest multiple spoilers.
Basically, you use this if you want to type in code and not trigger the automatic BBCode stuff. If you've noticed, I have been using this one very often to show you what the commands are. (Also is useful for copy/paste forms and applications)
(You can just ignore the other parts when you type it in. To generate the brackets automatically, click the code button [ < > ] and paste whatever you need in there.)
Does exactly what its name implies, but also can be used for other purposes.
It is also possible to combine BBCode, so for instance, you may also have a bold/italicized string of text that's also colored. You just need to add on the proper coding at the start and end.
Make sure that the ending code always has a slash, or else it will break.
(It should also be noted that sometimes YCM has a habit of breaking code on its own if too much is used on a wider expanse of text; which is usually the color code [defaulting to standard].)
Think that should about do it for the most part.
If you have any questions about how stuff works that wasn't answered specifically in this guide, don't be afraid to ask.
Edited by Flash Flyer - Sakura, 27 February 2018 - 11:10 PM.