BB Code Guide!

DeletedUser13

Guest
BBCode is short for Bulletin Board Code. It is used as a way for formatting posts made on message boards, blogs and more.You can find all BB Codes here It is similar to HTML in the sense that in BBCode one does also use tags to format something specific (contained within the tag). In BBCode tags are indicated by rectangular brackets surrounding a keyword, which is in turn transformed into HTML before being delivered to a web browser.

This guide will cover both the main Grepolis Forums BBCode as well as the BBCode that is available in game.

Name | BBCode | Name | BBCode [noparse]
Bold / Italic / Underline| , , |Color|[color]
Size|[size]|Font|[font]
Highlight|[highlight]|Left / Right / Center|
,
,

Indent|
|Email Linking|
URL Hyperlinking|[url]|Thread Linking|[thread]
Post Linking|[post]|Bulleted Lists / Advanced Lists|
[list]
Images|[img]|Code|[code]
PHP Code|[php]|HTML Code|[html]
Quote|[quote]|Stop BB Code Parsing|[noparse]
Attachment|[attach]|Strikethrough|[s]
spoiler|[spolier]|table|[table]
[/noparse][/table][/CENTER]

All BBCode must start with and end with the code parameters ie [noparse][b]text[/b][/noparse]

[B]Incorrect BB Code Usage:
[/B]
[LIST]
[*][noparse][url] www.example.com [/url] -don't put spaces between the bracketed code and the text you are applying the code to.[/noparse]
[*][noparse][email]myname@domain.com[email] the end brackets must include a forward slash. (
)[/noparse]
[/LIST]

Bold / Italic / Underline
The , and tags allow you to create text that is bold, italic and underlined.

Usage | Example | Output
[noparse] value | this text is bold [/noparse]| this text is bold
[noparse] value | this text is italic [/noparse]| this text is italic
[noparse] value | this text is underlined [/noparse]| this text is underlined

Color
The [color] tag allows you to change the color of your text.

Usage | Example | Output
[noparse] value | this text is blue [/noparse]| this text is blue

Option can be any color name ie red, yellow, white.

Size
The [size] tag allows you to change the size of your text.

Usage | Example | Output
[noparse][size=Option]value[/size]|[size=+2]this text is two sizes larger than normal[/size][/noparse]|[SIZE=+2]this text is two sizes larger than normal[/SIZE]

Font
The [font] tag allows you to change the font of your text.

Usage | Example | Output
[noparse] value | this text is in the courier font [/noparse]| this text is in the courier font

Highlight
The [highlight] tag allows you to emphasize your text.

Usage | Example | Output
[noparse][highlight]value[/highlight]|[highlight]this text is highlighted[/highlight][/noparse]|[highlight]this text is highlighted[/highlight]

Left / Right / Center
The
,
and
tags allow you to change the alignment of your text.

Usage | Example | Output
[noparse]
value​
|
this text is left-aligned​
[/noparse]|see below
[noparse]
value​
|
this text is center-aligned​
[/noparse]|see below
[noparse]
value​
|
this text is right-aligned​
[/noparse]|see below

this text is left-aligned​
this text is center-aligned​
this text is right-aligned


Indent
The [noparse]
[/noparse] tag allows you to indent your text.

Usage | Example | Output
[noparse]
value​
|
this text is indented​
[/noparse]|
this text is indented​

Email Linking
The tag allows you to link to an email address. You can include an optional parameter to 'name' your link.

[table="width=75%"][B]Usage[/B]|[B]Example[/B]|[B]Output
[/B][noparse][email]value|j.doe@example.com[/noparse]|j.doe@example.com
[noparse]value|Click Here to Email Me[/email[/noparse]|[EMAIL="j.doe@example.com"]Click Here to Email Me


URL Hyperlinking
The tag allows you to link to other we... [/B][noparse][url]value|http://forum.en.grepolis.com/[/noparse]|http://forum.en.grepolis.com/
[noparse]value|Greoplis Forums[/noparse]|Greoplis Forums[/table]

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 | Example | Output
[noparse][thread]threadid[/thread]|[thread]5990[/thread][/noparse]|[thread]5990[/thread]
[noparse][thread=threadid]value[/thread]|[thread=5990]Click Me![/thread][/noparse]|[thread=5590]Click Me![/thread]

(Note: The threadid/postid is just an example and may not link to a valid thread/post.)

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 | Example | Output
[noparse][post]postid[/post]|[post]269302[/post][/noparse]|[post]269302[/post]
[noparse][post=postid]value[/post]|[post=269302]Click Me![/post][/noparse]|[post=269302]Click Me![/post]

(Note: The threadid/postid is just an example and may not link to a valid thread/post.)

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.

    Usage:
    [noparse]
    • value
    [/noparse]

    Example:
    [noparse]
    • list item 1
    • list item 2

    [/noparse]

    Output:
 
Last edited by a moderator:

DeletedUser13

Guest
  • list item 1
  • list item 2
[/INDENT]
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).

    Usage:
    [noparse]
    • value
    [/noparse]

    Example:
    [noparse]
    1. list item 1
    2. list item 2


    • list item 1
    • list item 2

    [/noparse]

    Output:
    1. list item 1
    2. list item 2
    • list item 1
    • list item 2
  • 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.

    [table="width=75%"][B]Usage[/B]|[B]Example[/B]|[B]Output
    [/B][noparse][img]value|
    sword_50x50.png
    (not linked)[/noparse]|
    sword_50x50.png
    (not linked)
    [noparse]| (linked)[/noparse]| (linked)[/table]
    Code
    The
    Code:
     tag switches to a fixed-width (monospace) font and preserves  all spacing.
    
    [B]Usage:[/B]
    [noparse][code]value
    [/noparse]

    Example:[noparse]
    Code:
    <script type="text/javascript">
        <!--
                alert("Hello world!");
         //-->
     </script>
    [/noparse]
    Output:
    Code:
     <script type="text/javascript">
         <!--
                alert("Hello world!");
         //-->
      </script>
    PHP Code
    The
    PHP:
     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.
    
    [B]Usage:[/B]
    [noparse][php]value
    [/noparse]

    Example:
    [noparse]
    PHP:
            $myvar = 'Hello World!';
            for ($i = 0; $i < 10; $i++)
            {
                echo $myvar . "\n";
            }
    [/noparse]

    Output:
    PHP:
            $myvar = 'Hello World!';
            for ($i = 0; $i < 10; $i++)
            {
                echo $myvar . "\n";
            }
    [/LEFT]
    [/RIGHT]


    HTML Code
    The
    HTML:
     tag allows you to perform syntax highlighting for HTML code.
    
    [B]Usage:[/B]
    [noparse][html]value
    [/noparse]

    Example:
    [noparse]
    HTML:
    <img src="image.gif" alt="image" />
    <a  href="testing.html" target="_blank">Testing</a>
    [/noparse]

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

    Usage:
    [noparse]
    [/noparse]

    Example:
    [noparse]

    [/noparse]

    Output:
    Stop BB Code Parsing
    The [noparse][noparse][/noparse] tag allows you to stop the parsing of BB code.

    Usage | Example | Output
    [noparse][noparse] value [/noparse][/noparse]|[noparse][noparse] Lorem ipsum dolor sit amet [/noparse][/noparse]|[noparse] Lorem ipsum dolor sit amet [/noparse]
    Attachment
    The |View attachment 12345[/noparse]|[/table]
    Strikethrough
    Strikethrough text

    Usage | Example | Output
    [noparse] value | example [/noparse]| example
    Spoiler
    Is meant to hide spoilers.

    Usage:
    [noparse][spr]value[spr][/noparse]

    Example:
    [noparse][spr]example[/spr][/noparse]

    Output:
    [spr]example[/spr]
    Table
    With this vB code tables can be inserted into the post.

    Usage:
    [noparse]
    value
    [/noparse]

    Example:
    [noparse]
    column 1|column 2|column 3
    [/noparse]

    Output:
    column 1|column 2|column 3


    Credit to~Egavas
 
Last edited by a moderator:
Top