PDA

View Full Version : Vbulliten code guide 2 (Advanced)



najimac
10-05-2013, 01:36 PM
BB Code
Explanation
BB 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 BB 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 BB code tags you can use to format your messages.
BB Code List
Bold / Italic / Underline
, [i], [u]
Color
[color]
Size
[size]
Font
[font]
Highlight
[highlight]
Left / Right / Center
[left], [right], [center]
Indent[indent]
Email Linking

URL Hyperlinking

Thread Linking
[thread]
Post Linking
[post]
Bulleted Lists / Advanced Lists

[list]
Images
[img]
Videos
[video]
Code
[code]
PHP Code
[php]
HTML Code
[html]
Quote
[quote]
Stop BB Code Parsing
[noparse]
Attachment
[attach]
Signature Picture
[sigpic]
Spoiler
[spoiler]
Incorrect BB Code Usage:
[url] www.example.com - don't put spaces between the bracketed code and the text you are applying the code to.
[email]myname@domain.com[email] - the end brackets must include a forward slash ()
Bold / Italic / Underline
The , [i] and [u] tags allow you to create text that is bold, italic and underlined.
[b]value
value
value
Usage
this text is bold
this text is italic
this text is underlined
Example Usage
this text is bold
this text is italic
this text is underlined
Example Output
Color
The tag allows you to change the color of your text.
[color=Option]value
Usage
this text is blue
Example Usage
this text is blue
Example Output
Size
The tag allows you to change the size of your text.
[size=Option]value
Usage
this text is two sizes larger than normal
Example Usage
this text is two sizes larger than normal
Example Output
Font
The tag allows you to change the font of your text.
[font=Option]value
Usage
this text is in the courier font
Example Usage
this text is in the courier font
Example Output
Left / Right / Center
The
, [right] and [center] tags allow you to change the alignment of your text.
[left]value

value

value
Usage

this text is left-aligned

this text is center-aligned

this text is right-aligned
Example Usage
this text is left-aligned
this text is center-aligned
this text is right-aligned
Example Output
Indent
The
tag allows you to indent your text.[indent]valueUsage
this text is indentedExample Usage
this text is indented
Example Output
Email Linking
The tag allows you to link to an email address. You can include an optional parameter to 'name' your link.
[email]value
value (Option)
Usage
j.doe@example.com
Click Here to Email Me (j.doe@example.com)
Example Usage
j.doe@example.com
Click Here to Email Me
Example Output
URL Hyperlinking
The tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.
[url]value
value (Option)
Usage
http://www.rtsoft.com/forums
RTsoft Forums (http://www.rtsoft.com/forums)
Example Usage
http://www.rtsoft.com/forums
RTsoft Forums
Example Output
Thread Linking
The tag allows you to link to threads by specifying the thread id. You can include an optional parameter to 'name' your link.
[thread]threadid
value
Usage
42918
Click Me!
(Note: The threadid/postid is just an example and may not link to a valid thread/post.)
Example Usage
http://www.rtsoft.com/forums/showthread.php?t=42918
Click Me!
Example Output
Post Linking
The tag allows you to link to posts by specifying the post id. You can include an optional parameter to 'name' your link.
[post]postid
value
Usage
269302
Click Me!
(Note: The threadid/postid is just an example and may not link to a valid thread/post.)
Example Usage
http://www.rtsoft.com/forums/showthread.php?p=269302#post269302
Click Me!
Example Output
Bulleted Lists
The
tag allows you to create simple, bulleted lists without specifying an option. Within the value portion, each bullet is denoted by the
tag.

[list]value


Usage


list item 1
list item 2


Example Usage
list item 1
list item 2
Example Output
Advanced Lists
The
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).

[list=Option]value


Usage


list item 1
list item 2






list item 1
list item 2






list item 1
list item 2


Example Usage
list item 1
list item 2
list item 1
list item 2
list item 1
list item 2
Example Output
Images
The tag allows you to embed images within your posts. You can also combine this tag with the [url] tag to make images become links.
[img]value
Usage
http://www.rtsoft.com/forums/images/statusicon/forum_new-48.png (Not linked)
http://www.rtsoft.com/forums/images/statusicon/forum_new-48.png (http://www.example.com) (Linked)
Example Usage
(Not linked)
(Linked)
Example Output
Videos
The
tag allows you to embed videos from various video services within your posts.
[video]value
Usage

http://www.youtube.com/watch?v=eOUq4Z6R7xI
Example Usage


Example Output
Code
The
tag switches to a fixed-width (monospace) font and preserves all spacing.
[code]value
Usage


<script type="text/javascript">
<!--
alert("Hello world!");
//-->
</script>

Example Usage
Code:
<script type="text/javascript">
<!--
alert("Hello world!");
//-->
</script>
Example Output
PHP Code
The
tag performs the same function as the [code] tag, but also adds syntax highlighting for PHP code. Although it is designed for PHP, it may correctly highlight some other C-like languages.
[php]value
Usage

$myvar = 'Hello World!';for ($i = 0; \$i < 10; \$i++){ echo $myvar . "\n";}
Example Usage
PHP Code:
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
echo $myvar . "\n";
}
Example Output
HTML Code
The
tag allows you to perform syntax highlighting for HTML code.
[html]value
Usage

<img src="image.gif" alt="image" /><a href="testing.html" target="_blank">Testing</a>
Example Usage
HTML Code:
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
Example Output
Quote
The
tag allows you to attribute text to someone else.
[quote]Quote

value
Usage

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet
Example Usage
Lorem ipsum dolor sit amet
Originally Posted by John Doe
Lorem ipsum dolor sit amet
Originally Posted by John Doe
Lorem ipsum dolor sit amet
Example Output
Highlight
The tag allows you to emphasize your text.
Usage
[highlight]value
Example Usage
this text is highlighted
Example Output
this text is highlighted
Stop BB Code Parsing
The tag allows you to stop the parsing of BB code.
[noparse][b]value

Usage
[noparse]Lorem ipsum dolor sit amet


Example Usage
Lorem ipsum dolor sit amet
Example Output
Attachment
The tag allows you to display an attachment in your post rather than at the bottom. It will only display attachments that belong to the post in which it is utilized.
[attach]attachmentid
Usage
12345
Example Usage
Example Output
Signature Picture
The tag allows you to insert your uploaded signature picture into your signature. This tag does not work in posts and will not work if you have not uploaded a signature picture.
[sigpic]Signature Picture Description (optional)
Usage

Example Usage
Example Output
Spoiler
It's a spoiler tag!
value
Usage
test


And yeah, Its copied from Rtsoft's secret place.

najimac
10-09-2013, 11:25 AM
Bumpity bump.

l0l
10-10-2013, 03:06 AM
Eh pretty nice guide but I quite dislike BB code due to it's small functionality. They really should add AT LEAST HTML, CSS & JavaScript!

najimac
10-15-2013, 07:19 AM
Bumpity bump :/

darksnake99
10-19-2013, 05:01 AM
My brain melted...
LoLoLOlO I HAS NO BRAIN?
LOL!
I NEEDS A BRAINSES!
GIMME

Brennanber
10-19-2013, 05:19 AM
Eh pretty nice guide but I quite dislike BB code due to it's small functionality. They really should add AT LEAST HTML, CSS & JavaScript!

I approve this message :3
Then i could make animations and moving stuff then even a tiny pong game here and there that would be sweet : D

najimac
10-20-2013, 08:12 AM
BUMPITY BUMP!