How To Link Cards & Decks In Your Content!

Have you seen others link to cards like Millhouse Manastorm or put their decks in a post but not quite know how to use this yourself? You've come to the right thread! Below i will provide a brief guide on how to use 'BBCode' for yourself. Hope some may find it useful!

What is BBCode?

Bulletin Board Code is a simplified form of 'markup' that is typically used for formatting posts on message boards. In this case, we will be using it to add enhanced card and deck elements to posts, comments, deck guides, signatures & private messages.

It's pretty straightforward:

• Every code has an opening and closing tag. 
• Each tag is includes square brackets [ ] found beside the letter P on your keyboard.
• A tag has one or more parameters inside the brackets to tell it what to do.
• The opening tag will have the main parameter (example: 'card') and in some cases other optional parameters.
• Optional parameters give ways to customize the result in some cases; they are separated from the main one with a space.
• The closing tag will always have a forward slash / followed  by the same main parameter as the opening tag.
• Between the two tags you enter data, whether that be a deck id number or a card name etc.
• When you submit it to the site it then processes it into another form of markup that browsers can understand and display, like HTML.

Note: You must use plain text for these, as things like bolded or italic text will break it. I am intentionally breaking it in this post to show what to type.

Read on for an explanation on how to apply these in your own posts.

Feel free to use this thread to test if necessary!

• Out of Cards BBCodes

Card Tooltips

• Tooltips link to a card and show you the image of it when your cursor hovers over them.
• The name of the card you enter is displayed in a corresponding rarity colour.
• Although they are called 'card' tooltips, they work for any sort of entry in the database like hero powers and bosses as well.
• If there are things with the same name, such as a legendary card and also boss portrait, it will default to one.
• If it does not display what you intended you may have to look up the page with the search function and use the id# instead.

To use a card tooltip, you only need to type the following.

1. Opening tag: [card].
2. The exact name of card OR card ID (found in the card page URL, Millhouse Manastorm is 4047).
3. Closing tag: [/card]

[card]millhouse manastorm[/card] becomes:

Millhouse Manastorm

Including a second parameter 'gold' with a space will (soon!) load the golden image for the tooltip instead, if available.

Card Images

Very similar to the card tooltips however this tag will result in a clickable image being displayed, rather than just fancy text.

Use the same method as above, instead using [cardimg]name or id [/cardimg] which results in the following:

This is the default size, however you can choose the size for yourself. 

Custom Sizes

To make the image a particular size:

• Following the cardimg parameter add a space and the optional parameter 'size=#'.
• This goes only in the opening tag.
• The # can be anything from 0-400 pixels. This is the width dimension for the image, and it scales accordingly.
• A common custom size to use is 220 as it lets you put 5 cards horizontally: [cardimg size=220]name or id[/cardimg].

Gold Images

You like golden animation? Here's how to display them:

• Following the cardimg parameter add a space and the optional parameter 'gold'.
• This goes only in the opening tag.
• You may also use the size parameter separated by a space.
• Keep in mind that these use more resources to display, so try not to spam them!

Battlegrounds Images

If you want to display the Battlegrounds version of a card, you can do so by using the "bg" attribute on card and cardimg tags.

Let's use Alleycat as an example.

[cardimg bg]Alleycat[/cardimg] will give you:

Deck Widgets

So you've created a deck using our deckbuilder and you'd like to share it with everyone? The solution is simple!

On the page of a deck you will see a button below the user labeled '</> Copy BBCode'. This will copy the code to your clipboard for you to paste, easy!

Optionally you can type the [deck]id[/deck] BBCode with the id being found in the url of the deck page.

For example, this deck is number 6066: https://outof.cards/hearthstone/decks/6066-da-mumdatakah-quest-paladin

Using this deck id in the code results in a widget that neatly displays information about it and also links to it's page:

If any questions are left unanswered you are welcome to ask them here!