Guide to Guild BBCode Commands
This page contains all BBCode commands or tags that are exclusive to the Guild. To understand how BBCode works, as well as learning BBCode tags available to all users, please see the Guide to BBCode Commands.
The tags of this page are sorted by Guild tier, starting with tags available to all members and ending with tags available to Grandmasters and above tiers only. Note that many tags don't need to be memorised, as they can be copied from different places. These are usually the tags that require an ID number.
It's up to you to write the CSS for your world, but there are resources for you with the CSS guides and on the Discord server. Here is the CSS code used for the above examples.
Notice how, in both FontAwesome and RPGAwesome, the part that changes is the last of the three elements inside the [section] ("fa-compass", "ra-key"). This is a name of the icon, and it must always be prefixed with "fa-" for FontAwesome or "ra-" for RPGAwesome. You can replace the 2x with higher numbers to have bigger icons.
The examples include the [color] tag. You don't need it, but it's a great combination of tags to improve the design of your articles.
You can specify both HTML color names and hex codes (including transparency).
Journeyman tags
Comments
Use this to hide text from the presentation view. This will hide text even from you.Secrets
Secrets let you hide pieces of content. See the Guide to Secrets for more information.
Code:
[secret:id]
[secret:id]
Explanation:
This will embed a secret into the article. It will only be visible to you and whatever subscribers you give permission to.
This will embed a secret into the article. It will only be visible to you and whatever subscribers you give permission to.
Master tags
Family trees and bloodlines
Use these tags to embed a family tree or bloodline in an article. You don't need to memorize them —simply copy them from the family tree widget in the character article editing interface. See the Guide to Family Trees for more information on this feature.
Code:
[familytree:ID]
[familytree:ID]
Explanation:
When you copy the code from the family tree widget, ID will be replaced by a string of numbers and letters. Paste the tag anywhere to get an interactive embed of the family tree.
When you copy the code from the family tree widget, ID will be replaced by a string of numbers and letters. Paste the tag anywhere to get an interactive embed of the family tree.
[familytree:id|50]
This will embed the family tree with a starting zoom level of 50. The starting zoom level can be anywhere between 50 and 150.
[familytree:id|left]
This will make the family tree go leftwards instead of downwards. Accepted values are top, down, right, and left.
[bloodline:parent-1-id&parent-2-id]
This will display only the parents and descendants of a character, not the full tree. Replace parent-1-id and parent-2-id with the IDs of the characters (you can copy them from the family tree widget).
Diplomacy webs
Use these tags to embed a diplomacy web in an article. You don't need to memorize them —simply copy them from the diplomacy section in the organization article editing interface. See the Guide to Diplomacy webs for more information on this feature.
Code:
[diplomacy:7cd2cc23-fcde-4e93-be63-5eddf8a6f3be]
Result:
This displays a web centered on the selected organization.
[diplomacy:7cd2cc23-fcde-4e93-be63-5eddf8a6f3be]
Result:
This displays a web centered on the selected organization.
Code:
[diplomacy:web]
Result:
This displays a web including all the organizations tagged with the specified tag. In this example, the tag used was webs.
[diplomacy:web]
Result:
This displays a web including all the organizations tagged with the specified tag. In this example, the tag used was webs.
Grandmaster tags
Containers and sections
Containers and sections are custom CSS Blocks which you can define and then style using CSS. See the Grandmaster Container CSS guide for more information.Container
Code:
[container:box-green] Containers block out text. [/container]
[container:box-green] Containers block out text. [/container]
Result:
Containers block out text.
Sections
Code:
A [section:box-green]section[/section] can go within text.
A [section:box-green]section[/section] can go within text.
Result:
A section can go within text.
A section can go within text.
.box-green { background: #7cfc0047; border: 1px solid #7cfc00; }
Icons
Using section tags, you can use icons from FontAwesome and RPGAwesome, two extensive icon libraries. You can find all of the icons in the FontAwesome and RPGAwesome web sites. The Grandmaster Container CSS also has some information on how to use them. These are some examples:FontAwesome examples
Code:
[color:#7d4cae][section:far fa-2x fa-compass] [/section][/color]
[color:#233d94][section:far fa-2x fa-book-dead] [/section][/color]
[color:#5b5c4a][section:far fa-2x fa-bone] [/section][/color]
[color:#7d4cae][section:far fa-2x fa-compass] [/section][/color]
[color:#233d94][section:far fa-2x fa-book-dead] [/section][/color]
[color:#5b5c4a][section:far fa-2x fa-bone] [/section][/color]
Result:
RPGAwesome examples
Code:
[color:#f1f1f1][section:ra ra-2x ra-key] [/section][/color]
[color:#387a46][section:ra ra-2x ra-dinosaur] [/section][/color]
[color:#bd4d1b][section:ra ra-2x ra-wyvern] [/section][/color]
[color:#f1f1f1][section:ra ra-2x ra-key] [/section][/color]
[color:#387a46][section:ra ra-2x ra-dinosaur] [/section][/color]
[color:#bd4d1b][section:ra ra-2x ra-wyvern] [/section][/color]
Result:
Colored text
Code:
[color:red]This is red[/color]
[color:#0000FF]This is blue[/color]
[color:#0000FF90]This is blue with 90% opacity![/color]
[color:red]This is red[/color]
[color:#0000FF]This is blue[/color]
[color:#0000FF90]This is blue with 90% opacity![/color]
Result:
This is red
This is blue
This is blue with 90% opacity!
This is red
This is blue
This is blue with 90% opacity!
User states
You can make certain content available to some readers only. As an extension of the subscribers feature, you can choose the kind of relationship with your world a reader needs to view some of its contents:
Code:
[userstate:loggedin]You'll only see this if you're logged in[/userstate]
[userstate:loggedin]You'll only see this if you're logged in[/userstate]
Result
Code:
[userstate:loggedout]You'll only see this if you're logged out[/userstate]
[userstate:loggedout]You'll only see this if you're logged out[/userstate]
Result
You'll only see this if you're logged out
Code:
[userstate:follower]You'll only see this if you're following the Codex[/userstate]
[userstate:follower]You'll only see this if you're following the Codex[/userstate]
Result
Code:
[userstate:notfollower]You'll only see this if you're not following the Codex[/userstate]
[userstate:notfollower]You'll only see this if you're not following the Codex[/userstate]
Result
Subscriber management
Subscribers are people you give permission to view some (or all) of your private content, and these tags can help with managing subscriber groups. See the Guide to Subscribers for more information.Subscriber containers
Code:
[subcontainer:ID]Content here[/subcontainer]
[subcontainer:ID]Content here[/subcontainer]
Explanation:
The content between these tags will be visible to the subscriber group specified in the opening tag. This tag can be copied for each group in the Access Rights page.
The content between these tags will be visible to the subscriber group specified in the opening tag. This tag can be copied for each group in the Access Rights page.
Self-assigned subscriber groups
Code:
[subgroup:ID|ID]Display text[/subgroup]
[subgroup:ID|ID]Display text[/subgroup]
Explanation:
This will create a button with the "display text" as label that any logged-in user can click to join the specified subscriber group in the opening tag. This can be copied for each subscriber group in the Access Rights page.
This will create a button with the "display text" as label that any logged-in user can click to join the specified subscriber group in the opening tag. This can be copied for each subscriber group in the Access Rights page.
Contents
Tips & Tricks
- The BBCode Reference panel is available to the side of all articles for easy access and has a list of useful examples.
- You can use BBCode in the sidebar panel content, footnotes and even in your own notes in worldanvil!
- It's important to consider visual hierarchy in your articles, so try and make the things you want people to look at first bigger and bolder.
- Most resources created in WorldAnvil can be added to an article with a BBCode. You can always copy these codes where you created these resources.
- If you need further help with formatting, hop on the WorldAnvil discord and ask an in the help channel for assistance!
Comments