Why Does My Art Not Show in Tumblr Tags

This guide contains a listing of all the BBCodes available with an example of what information technology does. The BBCode tin exist used to make the structure of the article your ain. When done right this tin meliorate readability and your article volition look much improve!

How to use BBCode tags

A BBCode tag is a lawmaking between foursquare brackets (for case, [b]). The lawmaking, b in this example, determines the effect of the tag - making the text bold. The tag'south effect is practical to anything in between 2 tags with the aforementioned code. Well-nigh tags have an opening and a closing variant. The closing variant always has a forward slash ( / ) right later on the opening subclass ( [ ). Make sure to always shut all the tags yous open up as it can be very problematic if you practice non. Often this will cause the entire view to be broken. At that place are some tags that don't need closing, such as for paragraph breaks or media embeds. Just look at the example provided for each tag to meet if in that location's a closing tag. Additionally, some BBCode tags have options which are separated with a colon ( : ) from the tag name. Multiple options are usualy separated with the pipe grapheme ( | ).

List of BBCode tags

The following list has all BBCode tags available to free accounts, organized by type. They comprise an example and a short caption when needed. If you are a Lodge Member (that is, you have a paid subscription), don't forget to wait at the Social club BBCode list too:

Basic formatting tags

You can go downwardly to four levels of headings. This is how they look:

Lawmaking:
[h1]H1 Example[/h1]

[h2]H2 Example[/h2]

H2 Example

[h3]H3 Case[/h3]

H3 Instance

[h4]H4 Example[/h4]

H4 Example

Font Effects

You tin use the usual font furnishings as in whatsoever other text processor.

Code:
[b]Text using bold[/b]
[i]Text using italics[/i]
[u]Text using underline[/u]
[southward]Text using strikethrough[/s]
This [redacted:four] is redacted
[small]This is smaller[/small]
This is [sup]superscript[/sup]
This is [sub]subscript[/sub]
At present I can display [noparse][b]BBCode tags[/b] with the noparse tags.[/noparse]
[dc]T[/dc]his is a fancy driblet cap to put in the first line of your article. Looks better with a longer paragraph!

Result: Text using bold Text using italics

Text using underline

Text using strikethrough This ████ is redacted This is smaller This is ^superscript This is _subscript At present I tin can display [b]BBCode tags[/b] with the noparse tags. This is a fancy drop cap to put in the first line of your article. Looks better with a longer paragraph!

---

Notes

• The [redacted] generates a number of "redacted squares" (█) equal to the number you input inside the tag. You don't need to shut this tag.
• The [noparse] tags tell the organisation to treat BBCode tags every bit regular text. Any BBCode tags betwixt the noparse tag will non take any effect and will be displayed in presentation view.

Layout Boxes

These tags wrap text in different kinds of containers with a special layout.

Code:
[quote]This is a quote.|Author[/quote]

[spoiler]This content is hidden (merely information technology can be revealed with a button)|Push button label (optional)[/spoiler]

Button label (optional)

This content is subconscious (but information technology can be revealed with a button)

[aloud]This text is to be read aloud[/aloud]

This text is to be read aloud

[code]This text looks like code[/lawmaking]

This text looks like code

Tooltips

[tooltip:This text will appear when you mouse over the text]Mouse over this to see the tooltip[/tooltip]

Mouse over this to see the tooltip

Paragraphs & Separators

Use these tags to tweak how paragraphs are separated.

Code:
This is paragraph one.
This is paragraph two. Adding a completly empty line (even without spaces!) will create a paragraph separator.

Result:
This is paragraph one. This is paragraph two. Adding a completly empty line (NO spaces!) will create a paragraph separator.

This is paragraph one.
[br]
[br]
This is paragraph two. Each "br" is a line break, and then this has a wider separation than usual.

This is paragraph 1.

This is paragraph two. Each "br" is a line break, so this has a wider separation than usual.

This is paragraph one.
[hr]
This is paragraph two, with a clear visual separation.

This is paragraph one.

---

This is paragraph two, with a articulate visual separation.

[in]It is possible to create an indented paragraph. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.[/in]
Any text later on it will exist moved to the next line.

It is possible to create an indented paragraph. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Whatever text after it volition be moved to the side by side line.

Text alignment

Apply these tags to cull where the text is aligned.

Code:
[left]This text is aligned to the left (default alignment)[/left] [eye]This text is in the center[/heart] [right]This text is in the right[/correct] [justify]This text is justified on both sides. This visually works best with paragraphs of text and can look fantastic when formatted into columns as demonstrated further on in this guide. Putting justify BBCode effectually a trunk of text will automatically stretch the spacing out to make full a infinite rather than have the edges of a paragraph at different lengths.[/justify] [concol]This text is in the center with wide margins. This as well works best with paragraphs or texts then you can better see the margins[/concol] [rtl]This text is aligned to be read from right to left. Useful for languages with this writing direction.[/rtl]

Result:

This text is aligned to the left (default alignment)

This text is in the eye

This text is in the right

This text is justified on both sides. This visually works all-time with paragraphs of text and can look fantastic when formatted into columns equally demonstrated further on in this guide. Putting justify BBCode around a trunk of text will automatically stretch the spacing out to fill up a space rather than have the edges of a paragraph at different lengths.

This text is in the center with broad margins. This likewise works best with paragraphs or texts so you can meliorate see the margins

This doesn't work with English, just it'south very handy for right-to-left writing systems.

Lists

Lists tin can exist either unordered with bullet-point items, or ordered for a numbered list.

Lists are placed between [ul] [/ul] tags for unoredered lists. Utilize [ol] [/ol] instead for numbered lists. Each list particular inside this tags goes in between [li] [/li] tags.

Lawmaking:
[ul]
[li]Item 1[/li]
[li]Item 2[/li]
[/ul]

Code:
[ol]
[li]Particular 1[/li]
[li]Item 2[/li]
[/ol]

You lot tin can also nest a list inside another list, both with unordered and ordered lists:

Code:
[ul]
[li]Particular 1
[ol]
[li]Sub-item i[/li]
[li]Sub-item two[/li]
[/ol]
[/li]
[li]Item ii[/li]
[/ul]

Outcome:

• Item one
  1. Sub-item one
  2. Sub-item 2
• Item 2

Find how yous put the nested list inside the [li] [/li] tags of the particular you want the list to be nested under. For a few quick lists you lot can utilize a simplyfied syntax. In order for these to piece of work the hypen has to be at the beginning of the line. Whatever other character volition break it. You can surround the list items with [ol][/ol] to become an ordered listing instead of bullet points.

Code:
- Item 1
- Particular 2
-- Item 2.1
-- Particular 2.2
- Item 3

Result:

Item i

Item 2

Particular ii.1

Item 2.2

Particular three

Checkboxes

Yous can use a number of tags to create checkbox icons. Note that, while they are useful to create checklists, they aren't technically considered as such, so y'all volition still demand to utilise line breaks to separate them (or put them within a regular list).

Code:
[] Empty
[c] Checked
[r] Right chevron
[l] Left chevron
[10] Failed
[+] Plus
[-] Minus

Issue:
Empty
Checked
Correct chevron
Left chevron
Failed
Plus
Minus

RPG Icons

These BBCode tags can exist used to display RPG system specific icons in articles to enrich session reports or skill descriptions.

Pathfinder Activeness Icons

Genesys Dice Symbols

[genesysdice:setback]
[genesysdice:boost]
[genesysdice:difficulty]
[genesysdice:power]
[genesysdice:challenge]
[genesysdice:proficiency]
[genesysdice:reward]
[genesysdice:threat]
[genesysdice:failure]
[genesysdice:success]
[genesysdice:triumph]
[genesysdice:despair]

b
b
d
d
c
c
a
h
f
s
t
d

Links

In that location are dissimilar ways of linking in World Anvil, depending on the kind of content you're linking to:

Article links

Code:
@[Guide to BBCode Commands](article:6a1a7029-64c8-468b-9f9a-6b0b367f7601)

To generate a link to another article inside your globe, blazon the @ character and get-go typing the commodity name. Then, cull from the drop-downwardly. Accept a look at the Guide to Linking and the Mention System for more information.

World links

Code:
[world:7c0fec4d-9436-4325-90f5-cdbfdd3932b6]

To get the world ID, use the Globe Widgets panel in the world configuration folio.

External links

Code:
[url:https://web log.worldanvil.com]World Anvil Web log[/url]

Whatsoever you write in between the tags will be displayed on the article. Clicking it will take you to the URL you lot entered in the opening tag. There are 2 options which can be used with the url BBCode.

Code:
[url:https://blog.worldanvil.com|tab]Earth Anvil Blog (Opens in new tab)[/url]

Lawmaking:
[url:https://blog.worldanvil.com|parent]World Anvil Blog (Opens in parent frame)[/url]

Key-Values

Key-Values can be used to create a custom definitions list. Some usecases might exist to list the scientific classifications of a species, or a stats or equipment list for a Character article. This format is the aforementioned as many of the pre-defined Sidebar fields in several templates. Examples:

Lawmaking:
--The Primal::The Value--

Result:

The Key

The Value

Media and widgets

This section deals with all sorts of embedding, from images to licenses and world content.

Pin icons

You can utilize BBCode to embed any pin icon that tin exist used in a map. You can see all pins and re-create their codes by pressing Alt+Enter while editing a map.

Code:
[pin:flat_black_alchemist]

Result:

Tables of contents

Uses these tags to generate automatic tables of contents on dissimilar levels.

Spoiler button bbcode not shown
[articletoc]

Breadcrumb

You can automatically generate the path to that commodity using the commodity's category arrangement.

Lists of tagged articles

You can generate automatic lists of all manufactures with a specific tag using the [tagged:TAG|TYPE|Championship] BBCode. Each of the parts in Capital is a different parameter you can set:

Code:
[tagged:#BBCode|cake|Articles Tagged with #BBCode]

Result:

Articles Tagged with #BBCode

[tagged:#BBCode|list|Articles Tagged with #BBCode]

Articles Tagged with #BBCode

[tagged:#BBCode|list|none]

[tagged:#BBCode|list]

BBCode

Have a await at the Guide to the Tagging System for more data on how this works. A similar part exists for tagged RPG blocks:

Code:
[taggedblocks:#test-tag|Example Block List]

Article blocks

Instead of the regular linking methods explained above, you lot can also embed an article with better formatting:

Code:
[articleblock:dc2144d5-abc1-4553-81a5-b9c62f723cc9]

The ID is the aforementioned ID you use to link to the article using the regular mention linking system. For more data, take a look at the Articleblocks guide.

Categories

There are four options to embed or link to categories:

Code:
[category:6fba5523-5ebd-49c8-b659-81e3d7352f6a]

Code:
[category:6fba5523-5ebd-49c8-b659-81e3d7352f6a]Custom title[/category]

Code:
[toc:6fba5523-5ebd-49c8-b659-81e3d7352f6a]

Code:
[toc:6fba5523-5ebd-49c8-b659-81e3d7352f6a|horizontal]

Code:
[book:6fba5523-5ebd-49c8-b659-81e3d7352f6a]

All of these tags tin be copied from the settings folio of the category you want to link to.

Maps

Use these tags to embed maps into your manufactures.

[map:d359e84b-f549-4fd4-8999-a8566e491c41|737|460|200]
The get-go two numbers after the ID (737 and 460) are the 10 and Y coordinates of the default heart point for this embed. The third number (200) is the zoom level.
These three numbers are optional, so you tin too embed a map without them, as such:
[map:d359e84b-f549-4fd4-8999-a8566e491c41]

Check out the Guide to Maps for more than information on maps.

RPG blocks

If you lot're using RPG features, apply these tags to embed RPG blocks in your articles:

[cake:84]

For some graphic symbol sheets, you can also add together tracking or badge as parameters (of case, [block:id|tracking] or [block:id|badge]. A badge sheet contains a summary of the most of import character stats. The tracking sheet lets you (or anyone with access to the article) to edit the canvass from presentation style.

Grappler

Strength 13 or higher

You've adult the skills necessary to concord your own in close--quarters Grappling. You gain the following benefits:

You accept advantage on Assail rolls against a animate being you are Grappling.

You tin can utilize your action to try to pin a creature Grappled by you. To do so, make another grapple check. If you succeed, y'all and the creature are both Restrained until the grapple ends.

Note that y'all tin as well embed blocks inside other blocks (such equally character sheets). This is useful to proceed track of resource like spells, equipment, and more. Cheque out the Guide to Blocks for more data.

Timelines

Utilise these tags to embed timelines and historical events:

Code:
[timeline:a49239bc-b632-4a22-97c7-1e2cadee8b57]Check out this timeline![/timeline]

[history:7f2ff33c-ea09-4a68-abec-c0f5d1f792e2]And as well this historical outcome![/history]

Cheque out the Guide to Timelines for more information.

Die roller

Use this to embed a virtual dice roller anywhere:

Code:
[roll:1d6+4]

Result:
1d6+4

This tag accepts the several die roller expressions. Check out the BBcode: Dice Roller page for more information.

Follow button

Use this to add a button anywhere that, when clicked, will make the user follow your world:

Lawmaking:
[follow:7c0fec4d-9436-4325-90f5-cdbfdd3932b6]

Consequence:

The number afterward follow is the earth's unqiue identifier. To become it, use the World Widgets panel in the world configuration folio.

Globe meta

If you have used the earth meta feature (accessible from the world dashboard) you can employ the [worldmeta] tag to embed sections of it, using this syntax:

[worldmeta:ID|Section]

The ID is the world id (you tin get information technology in the Globe Widgets panel of the configuration folio). SECTION can be imagery, music, literature, or otherinspiration to embed whatsoever of these sections.

Current engagement

You can embed the current globe date anywhere on your world using the post-obit tags. The current appointment is set from the world configuration, Date & Fourth dimension tab. You lot can re-create the current engagement widget code from the same page, in the World widgets right panel.

Lawmaking:
[currentdate:7c0fec4d-9436-4325-90f5-cdbfdd3932b6]

Result:
(this is the default "electric current brandish appointment"; not available in the Codex)

[currentdate:7c0fec4d-9436-4325-90f5-cdbfdd3932b6|total]

2021-six-ten

[currentdate:7c0fec4d-9436-4325-90f5-cdbfdd3932b6|yr]

2021

Creative Commons Licenses

There is a set of BBCode tags that generate the dissimilar Creative Commons license icons:

Lawmaking:
[licence:cc-by]

Issue:

[licence:cc-by-sa]

[licence:cc-past-nd]

[licence:cc-past-nc]

[licence:cc-by-nc-sa]

[licence:cc-by-nc-nd]

More than data on what these license mean can be establish in the Creative Commons Foundation web site.

Tip: If you are a guild member and want to license your world with a CC licence, y'all tin put it in the copyright footer (in the Guide to Globe Configuration). Whatever licence you lot put in this field, it volition be displayed at the bottom of all pages in your world.

Images

Use the Images & Files page to get the code for an paradigm:

Lawmaking:
[img:8082]

Outcome:

[imgblock:222269]

This tag adds the image with its name, credit, and description in a formatted block.
Both tags have options to tweak dissimilar settings such as size, alignment, and background color. Check the guide to images for more data:

Chibi Dimitris has something to tell y'all!

Important! Ever credit the artist of the images you utilize, even if you are the creative person! Articles with uncredited art will non exist featured and is not elegible to win challenges and competitions.

User tags

Y'all tin easily link to World Anvil user profiles or fifty-fifty display a small-scale panel with the user's basic profile.

[usercard:ondo]

[they/them] Creator of Black Light, a scientific discipline-fantasy universe.

Embedding media players

World Anvil allows embeds from several external websites: Spotify, YouTube, SoundCloud, LibSyn, BandCamp, PodBean, Kuula, and Discord.

Lawmaking
[spotify:spotify:track:1TfpkyDqRkZj2bVHlG22e0]
[spotify:spotify:playlist:1TfpkyDqRkZj2bVHlG22e0]

[youtube:https://youtube.com/watch?v=Qo-tJIRkeHI]

[soundcloud:https://soundcloud.com/lanuem-amero/beyond-the-probable]

[podbean:https://www.podbean.com/media/actor/ja3xg-95d3b74-dir]

[anchorfm:https://anchor.fm/projectshadow/embed/episodes/World-Building-with-Wonderdraft-and-World-Anvil-e52gi6/a-alf678]

[sketchfab:643dba89571f44f59ca2d49d09ab96a1]

A 3D preview of the embedded SketchFab page would announced here, but information technology has been removed to prevent long pageload times.

A 3D preview of the embedded SketchFab folio would appear here, but information technology has been removed to prevent long pageload times.

Advanced formatting

Anchors

Y'all can apply anchors to link to specific parts of an commodity; normally a header, just y'all tin place an anchor anywhere on an article.

Header anchors

Lawmaking:
[h3|anchor-example]Anchor instance[/h3]

You can add together an anchor to all header types, non just H3.

Not-header anchors

Code:
[anchor|not-a-header]

Upshot:
(it's invisible, but it's here!)

Linking to anchors

Header and non-header anchors piece of work the aforementioned:

Code:
[url:#ballast-example]Header ballast example[/url]
[url:#non-a-header]Non-header ballast case[/url]

If y'all want to link to an anchor from a unlike article, you need the full article URL. For example, [url:https://www.worldanvil.com/w/WorldAnvilCodex/a/bbcode#anchor-example]Link to external anchor[/url] (annotation the last part of the URL, which is the anchor name with the # character).

Tables

World Anvil has three kinds of tables. Cake tables are explained in the Guide to Blocks, and interactive tables (Society-only) are explained in the Guide to Tables. This explains the 3rd kind, BBCode tables.

Code:
[tabular array]
[tr]
[th:20]Name[/thursday]
[th:twoscore]Description[/th]
[thursday:20]Damage[/th]
[th:twenty]Notes[/th]
[/tr]
[tr]
[td:20]Longsword[/td]
[td:forty]Large Pointy Stick[/td]
[td:20][roll:1d8][/td]
[td:20]Abrupt[/td]
[/tr]
[/table]

Result:

Proper name	Description	Impairment	Notes
Longsword	Big Pointy Stick	1d8	Precipitous

The whole table needs to be between [tabular array] [/table] tags. Additionally, each row individually is between [tr] [/tr] tags, and the cells are set from left to right (that is, the top-almost cell you write is the left one). There are two prison cell types: Cells in [thursday] [/thursday] are header cells and have a highlighted fashion. Cells in [td] [/td] are regular cells. Both kinds of cells accept a number in the opening tag (equally in the instance), which is a percentage to ready their width. It's recommended to use a BBCode table generator, such as this one, to create BBcode tables.

Columns

Use columns to split up your text in two (or more) parallel sections.

Lawmaking:
[row]
[col]This is the left column.[/col]
[col]And this is the correct column![/col]
[/row]

Outcome:

This is the left column.

And this is the right cavalcade!

[row]
[col3]This is the left column.[/col3]
[col3]This is the middle cavalcade.[/col3]
[col3]And this is the right column![/col3]
[/row]

This is the left cavalcade.

This is the middle column.

And this is the right column!

You lot tin put rows inside rows to become, for example, four columns. E'er remember to add the [row] [/row] tags to avoid formatting issues in your articles!

Guild Features

This characteristic is bachelor to all guild members.

If you are a Society Member, you accept all these BBCode tags at your disposal plus the ones in this other listing:

Check this video for a quick and basic introduction to the Earth Anvil BBCode system:

Contents

• Basic formatting tags
  • Headers
  • Font effects
  • Layout Containers
  • Tooltips
  • Paragraphs & Separators
  • Text alignment
  • Lists
  • Checkboxes
  • RPG Icons
  • Links
  • Key-Value
• Media and widgets
  • Table of Contents
  • Breadcrumb
  • List of tagged manufactures
  • Article blocks
  • Categories
  • Maps
  • RPG blocks
  • Timelines
  • Dice roller
  • Follow push
  • World meta
  • Electric current engagement
  • Creative Commons licenses
  • Images
  • User tags
  • Embedding media players & external content
• Advanced formatting
  • Anchors
  • Tables
  • Columns

Tips & Tricks

• The BBCode Reference console is bachelor to the side of all manufactures for easy access and has a list of useful examples.
• Yous can apply BBCode in the sidebar panel content, footnotes and even in your own notes in worldanvil!
• Information technology's important to consider visual bureaucracy in your articles, then try and make the things you lot want people to look at first bigger and bolder.
• Near resource created in WorldAnvil can be added to an article with a BBCode. Yous can always copy these codes where yous created these resources.
• If y'all demand further help with formatting, hop on the WorldAnvil discord and ask an in the assistance channel for assistance!

Other guides

Community YouTube tutorial

You can too check this unofficial tutorial by Garrett Grace Lewis:

And this quick BBCode reference by SoulLink:

deckerlamothe80.blogspot.com

Source: https://www.worldanvil.com/w/WorldAnvilCodex/a/bbcode

Share this post