Jump to content

Welcome to Yugioh Card Maker Forum
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. This message will be removed once you have signed in.
Login to Account Create an Account
Photo

BBCode 101 for New Members


Necrobump!

Guest, the last post on this topic is over 30 days old and a new post will be considered as necrobumping!



  • Please log in to reply
4 replies to this topic

#1
Flash Flyer - Sakura

Flash Flyer - Sakura

    大閃光の心霊龍主人公

  • Moderators

  • 40,350 posts
    Last Visit Today, 03:10 PM
  • Discord:Sakura#2014
  • Spouse:Latias and Sapphy-chan

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)

  1. Bold
  2. Italics
  3. Underline
  4. Strikethrough
  5. Images
  6. URL
  7. Text color
  8. Quoting
  9. Text Alignment
  10. Font Size
  11. Spoiler tags
  12. Code boxes
  13. 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. 
 

Example

 
Italic
 

[i]Content here[/i]

You can also highlight the text, then hit Ctrl + I. 
Hit the [ I ] button in the toolbar. 
 

Example

 
Underline
 

[u]Content here[/u]

You can also highlight the text, then hit Ctrl + U. 
Hit the [ U ] button in the toolbar. 
 

Example

 
Strikethough
 

[s]Content here[/s]

You can also highlight the text, then hit Ctrl + S. 
 

Example

 
Images
 
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.
 

https://vignette2.wikia.nocookie.net/yugioh/images/0/0b/SaffiraQueenofDragons-DUEA-JP-UR.png/revision/latest?cb=20140418142721

(Saffira's DUEA print in Japan.)
 
If you want to post this, remove anything after the .png part before placing the link inside tag.
 

Example

 
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:
 

[url=(link here)]Text or image here[/url]

Example

 
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]. 
 
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. 
 

Example

 
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. 
 

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:
 

[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.
 

Example

 

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.
 

Example

 

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)

[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] 
Example

 

=====
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.

Card Directory and TCG Decks
Viva Club Espeon!
Extra Images / GFX stuff
Zootopia GIFs (I have too many of them in here -_-)
Character results
YCM Accolades

 

IzFJLd3.pngJAYSUMQ.gif

 

Pokémon X / AS / Sun FC: 4098-4005-6931

(If you add my code, make sure you tell me so I can add you back)


#2
Eshai

Eshai

    It's pronounced "Eeshay"

  • Advanced Members
  • 890 posts
    Last Visit Aug 16 2018 05:12 AM
  • Discord:CMEshai#4706

Well this is helpful

 

All I really knew about was how to make a spoiler segment.


[background=transparent]Duelist Port Royal (link here):[/background][background=transparent] Will be making cards, archetypes, and hosting tournaments on the Duel-Portal. If you have good ideas, like creating card art, or you would just like to test your own cards in real gameplay on the Duel-Portal, feel free to PM me or contact us on the club page.
My DPR Generics
[/background]

#3
Flash Flyer - Sakura

Flash Flyer - Sakura

    大閃光の心霊龍主人公

  • Topic Starter
  • Moderators

  • 40,350 posts
    Last Visit Today, 03:10 PM
  • Discord:Sakura#2014
  • Spouse:Latias and Sapphy-chan

That, and maybe images are the main ones. Darj recommended adding the code and acronym ones as well, which I didn't do because newer members wouldn't likely use them too much. 

 

As I mentioned in the OP, I didn't put any of the specific ones that only certain areas use for stuff. I would've put in the (divider1) one, but we need to replace that URL because Photobucket shit on hotlinking from there recently (and Aix did upload it over there). Though, that one is really simple.


Card Directory and TCG Decks
Viva Club Espeon!
Extra Images / GFX stuff
Zootopia GIFs (I have too many of them in here -_-)
Character results
YCM Accolades

 

IzFJLd3.pngJAYSUMQ.gif

 

Pokémon X / AS / Sun FC: 4098-4005-6931

(If you add my code, make sure you tell me so I can add you back)


#4
X-Trae

X-Trae

    Fresh Member

  • Members
  • 4 posts
    Last Visit Jul 22 2018 09:44 AM

Flash Flyer - Sakura, Thank you for informing me of this :D

 

I didn't know the Picture Icon would actually show a picture. But thanks for the help, hope you have a good night, if you live in the US



#5
Flash Flyer - Sakura

Flash Flyer - Sakura

    大閃光の心霊龍主人公

  • Topic Starter
  • Moderators

  • 40,350 posts
    Last Visit Today, 03:10 PM
  • Discord:Sakura#2014
  • Spouse:Latias and Sapphy-chan

Well, I did write this for member benefit since newer members usually have a hard time learning all of the tools. 

 

That being said, gotta add a few of the new ones that were implemented earlier in the year. I think that boils down to the mention, second version of spoilers (though I have to actually test this one out), the warning BBCode, etc. I'll get to it later. 


Card Directory and TCG Decks
Viva Club Espeon!
Extra Images / GFX stuff
Zootopia GIFs (I have too many of them in here -_-)
Character results
YCM Accolades

 

IzFJLd3.pngJAYSUMQ.gif

 

Pokémon X / AS / Sun FC: 4098-4005-6931

(If you add my code, make sure you tell me so I can add you back)





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users