[GUIDE] The BB Codes

Zodiac

Platinum Member
Joined
Mar 31, 2014
Messages
3,542
Likes
1,553
IG Name
Marilyn Marsphire
IG Faction
SASC/Silentium/AI/SO
#2


_
_

BULLETIN BOARD CODES
An informative forum guide by Zodiac
INTRODUCTION
Understanding BB codes is the core element of making a great and eye pleasing thread on the forums for everyone to see. It will surely grab the attention of the viewer and make it more interesting to read. Whether you're suggesting or asking something, starting a faction, or simply sharing a story. In this guide, you will learn what each and every code does and hopefully you will make the best use of it.

Just remember, when mastering this, patience will be your best friend when it comes to making big important threads.





YOUTUBE
USAGE:
Inserts an embedded YouTube video player that has the default features.

Code:
[YOUTUBE] VideoURL [/YOUTUBE]




ALIGNTABLE
Insert data and media in here!
USAGE:
Creates a table (not to be confused with Boxes), with additional customization of the border thickness and margins.
!
The code is a bit buggy, so it might not fully work in your favor.



Code:
[ALIGNTABLE=Alignment,Width,LMargin,RMargin,BorderThick,BorderColor,BackgroundColor]INSERT DATA[/ALIGNTABLE]




BACKGROUND

This is a random highlighted text!

USAGE:
Highlights the selected text with a specified color.
Code:
[background=COLOR]text[/BACKGROUND]




C

This is a random C text!

USAGE:
Places the selected text inside a code snippet box.
Code:
[C]text[/C]




CENTER

This is a centralized text and image!


USAGE:
Aligns the selected content/data to the center of the thread.
Code:
[CENTER]data[/CENTER]




COL
This is the left side of a col!
This is the right side of a col!


USAGE:
Creates a small table with two equal sides (separated by the | character).
Code:
[COL] Left side | Right side [/COL]



[legend=transparent]white
DIVBOX

This is a divbox! Note the difference between the background and border color.


USAGE:
Creates a small box with the option of setting the border and background color.
Code:
[DIVBOX=BackgroundColor,BorderColor]insert data[/DIVBOX]

[/legend]


FONT

I'm using the Trajan Pro font!

USAGE:
Changes the text into a specified font (default font is Arial).
Code:
[FONT=fontname]text[/FONT]




HR

Below is the display of multiple HRs.





USAGE:
Creates a static line divider.
Code:
[HR][/HR]
You can color your dividers by inserting the color after the opening tag.
Code:
[HR=color][/HR]




INDENT

This a regular random sentence!
This is a random indented sentence!


USAGE:
Spaces the selected text or image further to the right.
Code:
[INDENT=value]text/media[/INDENT]




JUSTIFY


Justified Paragraph
Welcome to Red County Roleplay! You're not quite sure about what you're supposed to do on the server, or you just want to know a little bit more about it before playing? Then you're in the right place, this guide should answer all the questions you have, ranging from explaining the basic roleplay terms to specific script-based features.


Non-justified Paragraph
Welcome to Red County Roleplay! You're not quite sure about what you're supposed to do on the server, or you just want to know a little bit more about it before playing? Then you're in the right place, this guide should answer all the questions you have, ranging from explaining the basic roleplay terms to specific script-based features.

USAGE:
Aligns both ends of a paragraph to have equal spacing and characterization.
!
Using the justified text automatically aligns the paragraph to the left, cancelling other text alignment codes.


Code:
[JUSTIFY]text[/JUSTIFY]




LEFT

This text and image are aligned to the left!


USAGE:
Aligns the selected thread content/data to the left.
Code:
[LEFT]data[/LEFT]




LEGENDARY

TITLEInsert your content and data here!


USAGE:
Creates a modified divbox with a title box.
Code:
[LEGENDARY=TitleColor,BackgroundColor,TITLE]content/data[/LEGENDARY]




PROFILE

Click here to go to my profile: [profile]Zodiac[/profile]

USAGE:
Creates a hyperlink to a specified forum account.
Code:
[PROFILE]username[/PROFILE]




PROGRESS

32%

68%

100%


USAGE:
Inserts a percentage-based progress bar with different colors.
Code:
[PROGRESS]Value,BarColor[/PROGRESS]




REDACT

The suspect was spotted by Special Agent agent name last night.

USAGE:
Censors the selected text.
Code:
[REDACT]text[/REDACT]
!
This code can be bugged sometimes, the other alternative to it is by using a black Background and Color tag.


Code:
[BACKGROUND=BLACK][COLOR=BLACK]text[/COLOR][/BACKGROUND]




RIGHT
This text and image are aligned to the right!


USAGE:
Aligns the selected thread content/data to the right.
Code:
[RIGHT]data[/RIGHT]




SOUNDCLOUD



USAGE:
Inserts an embedded Soundcloud audio player.
Code:
[SOUNDCLOUD] trackURL [/SOUNDCLOUD]




SPOILER


USAGE:
Adds a Spoiler Box, which hides the content unless clicked.

!
Spoilers do not work if an apostrophe ( ' ) is added in the spoiler title.
Leaving the spoiler text blank (without =TEXT) will simply resort to a Show/Hide option.


Code:
[SPOILER=text] content [/SPOILER]




STRIKE

This text has been striked!

USAGE:
Adds a line inside the selected text
Code:
[STRIKE]text[/STRIKE]




SUB

This is your default text line and this is your subline.

USAGE:
Shrinks the font size and lowers the line for the selected text.
Code:
[SUB]text[/SUB]




SUP

This is your default text line and this is your supline.

USAGE:
Shrinks the font size and elevates the line for the selected text.
Code:
[SUP]text[/SUP]




TAB

This is a non-tabbed sentence!
[tab=100]This is a tabbed sentence![/tab]


USAGE:
Works the same way as INDENT, but measures in pixels instead.
Code:
[TAB=Value]text[/TAB]




TOOLTIP

Hover your mouse over this text to view the effect.

USAGE:
Pops up a cloud bubble with text when mouse is hovered above the specified text.
Code:
[TOOLTIP=BubbleText] text [/TOOLTIP]




UPCASE

The man yelled at him saying:
Are you blind?


USAGE:
Replaces all lowercase characters in a text to uppercase.
!
The selected text will shift to a line under.


Code:
[UPCASE]text[/UPCASE]




FDIVBOX

This is a fdivbox!
Note the rounder edges on the box.


USAGE:
Same function as the DIVBOX with rounder edges, minus the border colors.
Code:
[FDIVBOX=BackgroundColor]content[/FDIVBOX]




LIST

  • Text one.
  • Text two.
  1. Text four.
  2. Text five
  • Text six.
  • Text seven.
  • Shaded Circle.
    • Clean Circle.
      • Shaded Square.

USAGE:
Creates a list with varieties depending on code entry.
!
The bullet point look changes when you insert a list inside a list (up to three shapes).


Code:
[LIST][*]text[/LIST]
Numbered list.
Code:
[LIST=1][*]text[/LIST]
Lettered list.
Code:
[LIST=A][*]text[/LIST]




URL

Click here to go to the homepage.

USAGE:
Inserts a hyperlink to another page.
Code:
[URL=link] text [/URL]

 

Zodiac

Platinum Member
Joined
Mar 31, 2014
Messages
3,542
Likes
1,553
IG Name
Marilyn Marsphire
IG Faction
SASC/Silentium/AI/SO
#3


FIMG

Default Size Using [/color]
[img]http://images6.fanpop.com/image/photos/35900000/Autumn-autumn-35926499-500-313.jpg

Image Size Using [FIMG]


USAGE:
Allows you to manually resize the linked image.
Code:
[FIMG=Height,Width] imageURL [/FIMG]





WARNING

Moderator Message:
Keep posts relative to this topic.

USAGE:
Creates a moderator bubble with text inside (should not be abused).

!
The code does not accept any special characters, except for commas and periods.


Code:
[WARNING=username] text [/WARNING]




BLEGEND
TITLE TEXTInsert your content and data in here!


USAGE:
Creates a Legendary box with a transparent background and round edges.
Code:
[BLEGEND=LineTextColor,TitleText] insert content/data [/BLEGEND]



CREDITS


Earl, Bauer, TommyB, Yassin,
Beth, Giga, K3V, Smally/fr0st


Justified Paragraph Text
RC:RP Newcomer Guide by Earl
https://redcountyrp.com/forum/viewtopic.php?f=4&t=55263

Last updated on 28 October 2017

 

Zodiac

Platinum Member
Joined
Mar 31, 2014
Messages
3,542
Likes
1,553
IG Name
Marilyn Marsphire
IG Faction
SASC/Silentium/AI/SO
#6
Completed! For any additional codes, do send me a private message.