Help Topic: Formatting
This page covers
TappedOut uses HTML formatting. Knowing how to use basic formatting commands allows you to add emphasis, links, and other cool features to your posts. Even a little bit of familiarity can give you a great deal of flexibility.
Daring Fireball has a great guide for markdown syntax that covers virtually everything you will ever need to know to use HTML formatting on this site. It's a great resource to defer to if you aren't sure what commands to use or how to use them properly.
If that sounds too complicated, don't worry! TappedOut features its own markup syntax, which is internally translated to HTML. You can write these commands out or you can use the buttons at the top of the comment box.
The following examples show you how to format text using TappedOut's syntax and the corresponding HTML code. When using HTML, remember to close your tags properly!
### Small Heading ## Medium Heading # Big Heading <h3>Small Heading</h3> <h2>Medium Heading</h2> <h1>Big Heading</h1>
Italic and Bold Text
**bold text** _italic text_ **_bold and italic text_** <strong>bold text</strong> <em>italic text</em> <strong><em>bold and italic text</em></strong>
bold and italic text
[Link Text](URL). <a href="URL">Link Text</a> Let's take [Google](https://www.google.com) for example.
Let's take Google for example.
The image syntax has two text fields. The first is a description of the image that will be displayed if the image didn't load. The second is the image title, which shows up as hover text. You can leave them empty.
![Description](URL "Hover Text") !(URL) <img alt="Description" src="URL" title="Hover Text"> <img src="URL"> !(http://static.tappedout.net/s/img/2017-2.png "TappedOut Logo")
1. Item one 2. Item two <ol> <li>Item one</li> <li>Item two</li> </ol>
- Item one
- Item two
- Item one - Item two <ul> <li>Item one</li> <li>Item two</li> </ul>
- Item one
- Item two
Spoilers and Accordions
Spoilers and Accordions are a great way to tidy up your deck description.
===spoiler: Spoiler Title Spoiler content ===endspoiler
Spoiler Title Show
===accordion ===panel: Panel Title 1 Panel Content ===endpanel ===panel: Panel Title 2 Panel Content ===endpanel ===endaccordion
If you want to display code that shouldn't be interpreted by TappedOut (like all the code above), you use code boxes.
===code Code box content ===endcode
Other useful HTML commands
TappedOut's markup syntax covers the most important things, but there is a lot more you can do!
<font color="red">red text</font>
Here is a list of color names.
Several symbols can be inserted by using the proper syntax.
Table of Symbols Show
Tagging Cards, Decks, Users
A Word of Caution
Tagging something on TappedOut involves wrapping its name in double square brackets. This can lead to problems:
There is a card, a user and probably also a deck with this name. You could end up tagging something you don't want to. To stop this from happening, there is a full syntax that specifies what you want to tag. Use it.
Tagging Cards in Comments
Properly tagging cards is a big part of using TappedOut. A proper tag creates a link to the card's TappedOut page, generates a mouseover image of the card and shows the card's price in $ and TIX. To tag a card, you need to know its English name.
By default, tagging a card shows its most recent printing in nonfoil, if available. You can specify it:
[[card:Llanowar Elves (M10)]]
[[card:Llanowar Elves *F*]]
[[card:Llanowar Elves *S*]]
[[card:Llanowar Elves *A*]] [[card:Llanowar Elves *A=923*]]
[[card:Llanowar Elves *S*]]
[[card:Llanowar Elves|Green Dudes]]
[[Channel + Fireball]]
Tagging Cards in Deck Lists
To tag a card in your deck lists, you need an amount and its English name.
1x Llanowar Elves
You can specify the card like you would in comments, plus a few more things:
1x Llanowar Elves *DE*
English: EN, French: FR, Italian: IT, Chinese: CN, Portugese: PR, German: DE, Spanish: SP, Russian: RU, Korean: KO, Japanese: JP
1x Llanowar Elves *NM*
Mint/Near Mint: NM, Slighty Played: SL, Medium Played: MP, Heavily Played: HP
You can combine different specifications:
1x Llanowar Elves (M10) *F* *IT* *SL*
Custom Categories in Deck Lists
By default, decks are displayed with the cards sorted into categories based on type. However, you're able to add custom categories to the cards in your deck, and you can also select a default sorting scheme for your deck.
To format a custom category, use the following syntax:
1x Island #Land 1x Storm Crow #Wincon 1x Llanowar Elves #Category_With_Spaces
# WinCon 1x storm crow 3x flying drake # Beater 10x Phyrexian Dreadnought
You may add multiple categories to the same card.
To change the default display categories, select the category set you want from the deck edit page (it's at the bottom of the first set of options). All custom categories are part of the same "custom categories" option.
There are two ways of tagging a deck. The first will create a link to the deck. The second will also show details of the deck.
To tag a deck, you need its slug. The slug is the part of the deck's URL:
Commander / EDH
SCORE: 1010 | 2900 COMMENTS | 270334 VIEWS | IN 484 FOLDERS
If you want to get a user's attention, you can tag him/her. He/she will get a notification with a link to the place where you put the tag.