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)
Bold
Italics
Underline
Strikethrough
Images
URL
Text color
Quoting
Text Alignment
Font Size
Spoiler tags
Code boxes
Acronym
=====
EDIT LOG
8/28/2017: Added #1 - 13
=====
Bold
[b]Content here[/b]
You can also highlight the text, then hit Ctrl + B. Hit the [ B ] button in the toolbar.
[spoiler=Example]
[b]This is a test[/b]
This is a test
Italic
[i]Content here[/i]
You can also highlight the text, then hit Ctrl + I. Hit the [ I ] button in the toolbar.
[spoiler=Example]
[i]This is a test[/i]
This is a test
Underline
[u]Content here[/u]
You can also highlight the text, then hit Ctrl + U. Hit the [ U ] button in the toolbar.
[spoiler=Example]
[u]This is a test[/u]
This is a test
Strikethough
[s]Content here[/s]
You can also highlight the text, then hit Ctrl + S.
[spoiler=Example]
[s]Use this for stuff you aren't supposed to read.[/s]
Use this for stuff you aren't supposed to read.
Images
This is the one that will be used often, so please memorize this one.
[img=URL of image]
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.
NOTE: YCM will auto-render the coding to (img=URL) after you refresh the page and all. I am using parentheses here, because brackets will trigger the BBCode.
URLs
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:
(If you click on the picture, it should redirect you to the linked thread. Yes, I am using Club Espeon's banner because of reasons.)
Text color
[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].
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.
[spoiler=Example]
[color=#0000ff]I want to type in blue text.[/color]
I want to type in blue text.
Quoting
[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.
[spoiler=Example]
[quote]Hi, and welcome to YCM, (member).[/quote]
Hi, and welcome to YCM, (member).
Text Alignment
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.
[spoiler=Example]
[center]This is important.[/center]
This is important.
[right]You traditionally read Japanese and Arabic this way.[/right]
You traditionally read Japanese and Arabic this way.
Font Size
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).
Spoiler Tags
This is one of the most common ones used, so please memorize the coding.
[spoiler=(name)]content[/spoiler]
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)
[code]content here[/code]
(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.)
Acronym
Does exactly what its name implies, but also can be used for other purposes.
[acronym='meaning']text[/acronym]
[spoiler=Example]
[acronym='ta ta for now']TTFN[/acronym]
TTFN
===== 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.
Question
Flash Flyer - Sakura
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)
=====
EDIT LOG
=====
Bold
You can also highlight the text, then hit Ctrl + B.
Hit the [ B ] button in the toolbar.
[spoiler=Example]
This is a test
Italic
You can also highlight the text, then hit Ctrl + I.
Hit the [ I ] button in the toolbar.
[spoiler=Example]
This is a test
Underline
You can also highlight the text, then hit Ctrl + U.
Hit the [ U ] button in the toolbar.
[spoiler=Example]
This is a test
StrikethoughYou can also highlight the text, then hit Ctrl + S.
[spoiler=Example]
Use this for stuff you aren't supposed to read.Images
This is the one that will be used often, so please memorize this one.
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.
[spoiler=Example]
Standard posting
From Wikia
(using earlier Sapphy link)
NOTE: YCM will auto-render the coding to (img=URL) after you refresh the page and all. I am using parentheses here, because brackets will trigger the BBCode.
URLs
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:
[spoiler=Example]
Using a string of text to redirect.
Latias-chan
Using an image to redirect.
(If you click on the picture, it should redirect you to the linked thread. Yes, I am using Club Espeon's banner because of reasons.)
Text 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.
[spoiler=Example]
I want to type in blue text.
Quoting
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.
[spoiler=Example]
Text Alignment
By default, all text on this site is left-aligned; however if you want to center stuff or right-align, use these:
You can also do this yourself by clicking the alignment buttons at the far right of the lower toolbox.
[spoiler=Example]
This is important.
You traditionally read Japanese and Arabic this way.
Font Size
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).
Spoiler Tags
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...
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.
[spoiler=Example]
[spoiler=Member cards]
Coding box
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.)
Acronym
Does exactly what its name implies, but also can be used for other purposes.
[spoiler=Example]
TTFN
=====
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.
Link to comment
Share on other sites
4 answers to this question
Recommended Posts
Archived
This topic is now archived and is closed to further replies.