Print Page - Bulletin Board Code (bbcode)

Title: Bulletin Board Code (bbcode)
Post by: Shanny on Apr 14, 2026, 12:53 PM

Welcome to your tutorial on Bulletin Board Code (bbcode).

CARD

Options: dark, accent

dark

content

accent

content

Code Select

[card=option]content[/card]

CARD TITLE

Code Select

CARD WITH TITLE

Options: dark, accent

Dark

Accent

Code Select

[card=option][/card]

COLUMN

options: any number can be set as col=#

1 Column

Breed: Thoroughbred
Age: 7
Height: 16.2hh
Color: Bay

Discipline: Cross-Country
Owner: Everly Marsh
Status: Active

2 columns

Main content or description goes here. This column
takes up twice the space of the one beside it.

Sidebar info
or a small image

3 columns

Mare

Gelding

Stallion

columns inside a card

Horse name

Discipline

Rider

Ashwick Ember

Dressage

T. Calloway

1 Column

Code Select

[col=1]
[b]Breed:[/b] Thoroughbred
[b]Age:[/b] 7
[b]Height:[/b] 16.2hh
[b]Color:[/b] Bay
[/col][col=1]
[b]Discipline:[/b] Cross-Country
[b]Owner:[/b] Everly Marsh
[b]Status:[/b] Active
[/col]

2 columns

Code Select

[row][col=2]
Main content or description goes here. This column 
takes up twice the space of the one beside it.
[/col]
[col=1]
Sidebar info
or a small image
[/col][/row]

3 columns

Code Select

[row][col=1]Mare[/col]
[col=1]Gelding[/col]
[col=1]Stallion[/col][/row]

columns inside a card

options: dark, accent

Code Select

[card=dark]

[row][col=1]Horse name[/col][col=1]Discipline[/col][col=1]Rider[/col][/row]
[row][col=1]Ashwick Ember[/col][col=1]Dressage[/col][col=1]T. Calloway[/col][/row]
[/card]

DIVIDER

options: line, dots, stars, fade

line

dots

stars

fade

Code Select

[divider=option]content[/divider]

FONT AWESOME

view Font Awesome icons here.

Code Select

[fa=option]
eg

Code Select

[fa=fa-duotone fa-regular fa-horse]

ANCHOR & GO TO

click

Anchor

Code Select

[goto=anchor]click[/goto]


[anchor=anchor]Anchor[/anchor]

LOCATION

Location Name

Code Select

[location]content[/location]

RIBBONS

options: champion, reserve, first, second, third

Code Select

[ribbon=option]

PROGRESS

options: any whole number 1-100

Code Select

[progress=number]

SCROLLBOX

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

Code Select

[scroll]content[/scroll]

DROPCAP

orem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

Code Select

rest of the word, content, etc.

HIGHLIGHT

your text here

Code Select

[highlight]content[/highlight]

LABEL

options: red, dark, green, blue, yellow, purple

Label Label Label Label Label Label

Code Select

[label=option]content[/label]

DIVS

Basically, use any css you want. Simply, a div is

content

Code Select

[div=margin: 0 auto; max-width: 300px; border: 1px solid #ccc; text-align: center;]content[/div]

Code Select

[div=css]content[/div]

Here's an instagram template though showing more elaborate use.

username

username Your IG post content here

username2 here's a comment that's been liked

username2 here's a comment that hasn't been liked

Liked by username2 and others
April 7, 2026

Add a comment...

Post

Code Select

[div=margin: 0 auto; max-width: 765px; background-color: #fefefe; border: 1px solid #ddd; display: flex; flex-wrap: wrap; color: #111; border-radius: 0px 5px 5px 0px;]
[div=flex: 55%; max-width: 430px; height: 540px; background-image: url(http://i.vgy.me/W2KX2A.png); background-size: cover; background-position: 40% 50%;][space][/div]
[div=flex: 45%;]
[div=padding: 15px; display: flex!important; justify-content: center; align-items: center; border-bottom: 1px solid #ddd; gap: 10px;][div=margin-right: 10px; width: 35px; height: 35px; overflow: hidden; border-radius: 50%;][div=object-fit: cover;][img]https://i.vgy.me/zZu4Vu.jpg[/img][/div][/div]
[div=flex: 1][b]username[/b] [size=2][color=#5197e9][fa=fa-solid fa-badge-check][/color][/size]
[/div][div=][size=2][fa=fa-solid fa-ellipsis][/size][/div][/div]

[div=padding-right: 15px; padding-left: 15px; border-bottom: 1px solid #ddd; height: 300px; overflow: auto; padding-top: 15px; padding-bottom: 10px;][div=display: flex!important; justify-content: top; align-items: top; gap: 10px;]
[div=margin-right: 10px; width: 35px; height: 35px; overflow: hidden; border-radius: 50%;][div=object-fit: cover;][img]https://i.vgy.me/zZu4Vu.jpg[/img][/div][/div]
[div=flex: 1;][b]username[/b] [size=2][color=#5197e9][fa=fa-solid fa-badge-check][/color][/size] Your IG post content here[/div][/div]

[div=display: flex!important; justify-content: top; align-items: top; gap: 10px; margin-top: 20px;][div=margin-right: 10px; width: 35px; height: 35px; overflow: hidden; border-radius: 50%;][div=object-fit: cover;][img]https://i.vgy.me/KfM8kU.jpg[/img][/div][/div]
[div=flex: 1][b]username2[/b] here's a comment that's been liked[/div][div=color: red;][size=2][fa=fa-solid fa-heart][/size][/div][/div]
[div=display: flex!important; justify-content: top; align-items: top; gap: 10px; margin-top: 20px;][div=margin-right: 10px; width: 35px; height: 35px; overflow: hidden; border-radius: 50%;][div=object-fit: cover;][img]https://i.vgy.me/KfM8kU.jpg[/img][/div][/div]
[div=flex: 1][b]username2[/b] here's a comment that hasn't been liked[/div][div=][size=2][fa=fa-regular fa-heart][/size][/div][/div]

[/div]
[div=padding: 15px; border-bottom: 1px solid #ddd; ][div=display: flex!important; font-size: 20px; letter-spacing: 15px; align-items: center; padding-bottom: 5px;]
[fa=fa-regular fa-heart]
[fa=fa-regular fa-comment]
[div=flex: 1][fa=fa-regular fa-paper-plane][/div]
[div=letter-spacing: 0;][fa=fa-regular fa-bookmark][/div]
[/div]
[div=]Liked by [b]username2[/b] and [b]others[/b]
[size=2][color=#666666]April 7, 2026[/color][/size][/div][/div]
[div=padding: 15px; display: flex!important; justify-content: center; align-items: center; justify-content: center; gap: 15px;][div=][fa=fa-regular fa-face-smile-hearts][/div]
[div=flex: 1; color: #666;]Add a comment...[/div]
[div=color: #ddedfe; font-weight: bold;]Post[/div][/div]
[/div]
[/div]

THOUGHT

hmmm

Code Select

[thought]content[/thought]

JOURNAL

Code Select

[journal]content[/journal]

LETTER

options: aged, formal

Code Select

[letter=option]content[/letter]

GOOGLEFONT

options: any font here. must use exact font name, including caps. forum might not support ALL fonts.

Bitcount Grid Double

Code Select

[googlefont=option]content[/googlefont]

eg

Code Select

[googlefont=Bitcount Grid Double]Bitcount Grid Double[/googlefont]

Mane and Tale

Game Discussion => FAQ => Topic started by: Shanny on Apr 14, 2026, 12:53 PM