vB Code | |
vB code is a set of tags based on the HTML language that you may already be familiar with.
They allow you to add formatting to your messages in the same way as HTML does,
but have a simpler syntax and will never break the layout of the pages you are viewing.
The ability to use vB Code is set on a forum-by-forum basis by the administrator,
so you should check the forum rules when you post a new message. Below is a list of the vB Codes you can use to format your messages. |
|
vB Code List | |
[b], [i], [u] | Bold / Italic / Underline |
[color] | Color |
[size] | Size |
[highlight] | Highlight |
[left], [right], [center] | Left / Right / Center |
[indent] | Indent |
[email] | Email Linking |
[url] | URL Hyperlinking |
[thread] | Thread Linking |
[post] | Post Linking |
[list] | Bulleted Lists / Advanced Lists |
[img] | Images |
[code] | Code |
[quote] | Quote |
[anchor] | Anchor |
[anchorlink] | Anchor Link |
[autolink] | autolink |
[bsalert] | Bootstrap Alert |
[bsalert] | Bootstrap Alert with Header |
[code] | Code |
[color] | color |
[fa] | Font Awesome 6 |
[fagreen] | FA Green |
[fared] | FA Red |
[h3] | h3 |
[header1] | Header1 |
[header1green] | header1green |
[headerhelp] | Header Help |
[headerinfo] | Header Info |
[headerno] | Header No |
[headerplain] | Plain Header |
[headeryes] | Header Yes |
[img2] | Image2 NoOption |
[img2] | Image2 |
[img2float] | Image2 Float |
[img2float] | img2float |
[infobutton] | Infobutton |
[lbr] | Line Break After |
[link] | Link |
[member] | Member |
[panel] | Panel |
[panelblock] | Panel Block |
[panelheading] | Panel Heading |
[rubric] | Rubric |
[s] | Strikethrough |
[small] | Small font |
[spoiler] | Spoiler |
[spoiler] | Spoiler with title |
[table] | table |
[table] | Table (With style) |
[table2] | table2 |
[themetag] | Theme Tag |
[threadthumb] | Thread Thumbnail |
[threadthumb] | Thread Thumbnail (Option) |
[thumb] | Image Thumbnail |
[updated] | Updated mod |
[urlpopup] | urlpopup |
[wiki] | Wiki |
[youtube] | Youtube Video Embedding |
Incorrect vB Code Usage:
|
Color | |
The [color] tag allows you to change the color of your text. | |
Usage | [color=Option]value[/color] |
Example Usage | [color=blue]this text is blue[/color] |
Example Output | this text is blue |
Indent | |
The [indent] tag allows you to indent your text. | |
Usage | [indent]value[/indent] |
Example Usage | [indent]this text is indented[/indent] |
Example Output |
|
Email Linking | |
The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link. | |
Usage |
[email]value[/email] [email=Option]value[/email] |
Example Usage |
[email][email protected][/email] [[email protected]]Click Here to Email Me[/email] |
Example Output |
[email protected] Click Here to Email Me |
URL Hyperlinking | |
The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link. | |
Usage |
[url]value[/url] [url=Option]value[/url] |
Example Usage |
[url]http://www.vbulletin.com/forum[/url] [url=www.vbulletin.com/forum]vBulletin Community Forums[/url] |
Example Output |
http://www.vbulletin.com/forum/ vBulletin Community Forums |
Thread Linking | |
The [thread] tag allows you to link to threads by specifying the thread id. You can include an optional parameter to 'name' your link. | |
Usage |
[thread]threadid[/thread] [thread=threadid]value[/thread] |
Example Usage |
[thread]42918[/thread] [thread=42918]Click Me![/thread] |
Example Output |
http://www.vbulletin.com/forum/showthread.php?t=42918 Click Me! |
Post Linking | |
The [post] tag allows you to link to posts by specifying the post id. You can include an optional parameter to 'name' your link. | |
Usage |
[post]postid[/post] [post=postid]value[/post] |
Example Usage |
[post]269302[/post] [post=269302]Click Me![/post] |
Example Output |
http://www.vbulletin.com/forum/showthread.php?p=269302#post269302 Click Me! |
Advanced Lists | |
The [list] tag allows you to create advanced lists by specifying an option. The option should have a value of 1 (for a numbered list) or A (for an alphabetic with capital letters list) or a (for an alphabetic with lowercase letters list) or I (for a numbered with capital Roman numeral list) or i (for a numbered with small Roman numeral list). | |
Usage | [list=Option]value[/list] |
Example Usage | [list=1] [*]list item 1 [*]list item 2 [/list] [list=a] [*]list item 1 [*]list item 2 [/list] |
Example Output |
|
Anchor
Create an invisible anchor point within a post which you can then link to directly. For example, you can now link to the "Output" line below by going to http://www.modthesims.info/misc.php?do=bbcode#AnchorName
Usage | [anchor]value[/anchor] |
Example Usage | [anchor]AnchorName[/anchor] |
Example Output |
Anchor Link
Link to an Anchor on the same page. You can use this for making tables of contents for long posts.
Usage | [anchorlink=Option]value[/anchorlink] |
Example Usage | [anchorlink=AnchorName]AnchorLinkText[/anchor] |
Example Output | [anchorlink=AnchorName]AnchorLinkText[/anchor] |
autolink
Make a link to any page on MTS which looks like an autolink, with a dotted underline.
Usage | [autolink=Option]value[/autolink] |
Example Usage | [autolink=d/409950]Clean Installer[/autolink] |
Example Output | Clean Installer |
Bootstrap Alert
Puts your chirona in a box.
Usage | [bsalert]value[/bsalert] |
Example Usage | [bsalert]This is an alert[/bsalert] |
Example Output |
This is an alert
|
Bootstrap Alert with Header
Puts your chirona in a box with a heading.
Usage | [bsalert=Option]value[/bsalert] |
Example Usage | [bsalert=Heading]Warning! Warning! Entering the danger zone![/bsalert] |
Example Output |
Heading Warning! Warning! Entering the danger zone! |
Code
Makes you look like you know what you're talking about. Also makes code more readable.
Usage | [code]value[/code] |
Example Usage | [code]...---...[/code] |
Example Output |
Code:
...---... |
color
This is an MTSStaff-only option
Usage | [color=Option]value[/color] |
Example Usage | color |
Example Output | color |
Header1
Staff only
Usage | [header1]value[/header1] |
Example Usage | [header1]This is a header[/header1] |
Example Output | This is a header |
header1green
Staff only
Usage | [header1green]value[/header1green] |
Example Usage | [header1green]This is a green header! Ha![/header1green] |
Example Output | This is a green header! Ha! |
Header Help
Staff only
Usage | [headerhelp]value[/headerhelp] |
Example Usage | [headerhelp]This header is confused[/headerhelp] |
Example Output | This header is confused |
Header Info
Staff only
Usage | [headerinfo]value[/headerinfo] |
Example Usage | [headerinfo]This header knows what's up[/headerinfo] |
Example Output | This header knows what's up |
Header No
Usage | [headerno]value[/headerno] |
Example Usage | [headerno]Don't do this....[/headerno] |
Example Output | Don't do this.... |
Plain Header
Usage | [headerplain]value[/headerplain] |
Example Usage | [headerplain]I am a header[/headerplain] |
Example Output | I am a header |
Header Yes
Usage | [headeryes]value[/headeryes] |
Example Usage | [headeryes]Tick[/headeryes] |
Example Output | Tick |
Image2 NoOption
This tag embeds an image without forcing other content onto the next line, so you can embed two images next to each other.
Usage | [img2]value[/img2] |
Example Usage | [img2]http://www.modthesims.info/static/images/accept.png[/img2][img2]http://www.modthesims.info/static/images/remove.png[/img2] |
Example Output |
Image2
This tag embeds an image without forcing other content onto the next line, and allows you to add a tooltip to improve accessibility.
Usage | [img2=Option]value[/img2] |
Example Usage | [img2=green tick]http://www.modthesims.info/static/images/accept.png[/img2][img2=red cross]http://www.modthesims.info/static/images/remove.png[/img2] |
Example Output |
Infobutton
Usage | [infobutton=Option]value[/infobutton] |
Example Usage | [infobutton=your text]Some text[/infobutton] |
Example Output |
Line Break After
Force a line break after the bbcode ends
Usage | [lbr]value[/lbr] |
Example Usage | |
Example Output |
Link
Link to a page on MTS without needing to include www.modthesims.info in the link. Cookies to anyone who comes up with a use for this code.
Usage | [link=Option]value[/link] |
Example Usage | [link=url]text[/link] |
Example Output | text |
Member
Creates an automatic link to the members profile page.
Usage | [member]value[/member] |
Example Usage | [member]Tashiketh[/member] |
Example Output | Tashiketh |
Rubric
Usage | [rubric=Option]value[/rubric] |
Example Usage | [rubric=4141]Title[/rubric] |
Example Output | Title |
Strikethrough
The strikethrough tag allows you to strike through text. No, really!
Usage | [s]value[/s] |
Example Usage | [s]Some Text[/s] |
Example Output |
Small font
Displays text smaller than normal.
Usage | [small]value[/small] |
Example Usage | [small]Some small text here[/small] |
Example Output | Some small text here |
Spoiler
Creates a button which users have to click to see whatever you wrote as spoilertext.
Usage | [spoiler]value[/spoiler] |
Example Usage | [spoiler]Spoilertext[/spoiler] |
Example Output |
Spoiler with title
Creates a button which users have to click to see whatever you wrote as spoilertext. If you include a title, the button will say "Show spoiler about (title)" instead of "Show spoiler".
Usage | [spoiler=Option]value[/spoiler] |
Example Usage | [spoiler=Title]Spoilertext[/spoiler] |
Example Output |
table
Table CSV style format using || as a seperator.
To make a table, do the following:
[table]
Heading 1 || Heading 2 || Heading 3
Row 1 Cell 1 || Some data || Some, maybe, data
Row 2 Cell 1 || "Hello" || etc
[/table]
Hint: Rows are seperated with line breaks, cells with ||
Usage | [table]value[/table] |
Example Usage | [table]Heading 1 || Heading 2 (line break) Row 1 Cell 1 || Row 1 Cell 2[/table] |
Example Output | table |
Table (With style)
Table CSV style format using || as a seperator.
To make a table, do the following:
[table=width:auto;]
Heading 1 || Heading 2 || Heading 3
Row 1 Cell 1 || Some data || Some, maybe, data
Row 2 Cell 1 || "Hello" || etc
[/table]
Hint: Rows are separated with line breaks, cells with ||
Usage | [table=Option]value[/table] |
Example Usage | See table definition. |
Example Output | See table definition. |
table2
table2 is the same as table but with a custom line splitter (splits on |-|-| instead of \r\n
Usage | [table2]value[/table2] |
Example Usage | |
Example Output |
Thread Thumbnail
Include the thumbnail of a thread. Copy the thread ID from the URL the number after "t=" and before "&" and use that as the value. For example, the Thread ID for the URL www.modthesims.info/download.php?t=549228, a rocking chair download, is 549228.
Usage | [threadthumb]value[/threadthumb] |
Example Usage | [threadthumb]549228[/threadthumb] |
Example Output |
Thread Thumbnail (Option)
Usage | [threadthumb=Option]value[/threadthumb] |
Example Usage | |
Example Output |
urlpopup
Creates a link which will open in a javascript popup within the current page, instead of as a new page.
Usage | [urlpopup=Option]value[/urlpopup] |
Example Usage | [urlpopup=http://thumbs.modthesims2.com/img/1/3/8/4/9/6/MTS_Nysha-1507972-Textures.jpg]Click here![/urlpopup] |
Example Output | Click here! |
Wiki
Use this code to automatically create a link to the wiki article named in the code.
Usage | [wiki]value[/wiki] |
Example Usage | [wiki]Game Help:TS3 CC Basics[/wiki] |
Example Output | Game Help:TS3 CC Basicswiki |
Youtube Video Embedding
You can embed a youtube video if you know the unique video code. For example, in a URL like:
http://www.youtube.com/watch?v=3PjBSicSVqI&feature=g-vrec
You would take everything after the v= but before the next &, which in this case is "3PjBSicSVqI". Paste this between [youtube] [/youtube] tags and there you go.
Usage | [youtube]value[/youtube] |
Example Usage | [youtube]3PjBSicSVqI[/youtube] |
Example Output |