Page 1 of 3 123 LastLast
Results 1 to 10 of 30

Thread: BBCode Guide

  1. #1
    Hoplite Egavas's Avatar
    Join Date
    Mar 2010
    Location
    Earth
    Posts
    326

    Default BBCode Guide

    BBCode is short for Bulletin Board Code. It is used as a way for formatting posts made on message boards, blogs and more. 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.


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

    Incorrect BB Code Usage:

    • [url] www.example.com [/url] -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. ([/email])


    Bold / Italic / Underline
    The [b], [i] and [u] tags allow you to create text that is bold, italic and underlined.


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


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

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


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


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


    Left / Right / Center
    The [left], [right] and [center] tags allow you to change the alignment of your text.

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


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


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


    URL Hyperlinking
    The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.


    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.


    (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.


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

    Bulleted Lists
    The
    [list] tag allows you to create simple, bulleted lists without specifying an option. Within the value portion, each bullet is denoted by the [*] tag.

    Usage:

    [list]value[/list]


    Example:


    [list][*]list item 1[*]list item 2[/list]



    Output:

    • list item 1
    • list item 2

    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:


    [list=1][*]list item 1[*]list item 2[/list]



    [list=a][*]list item 1[*]list item 2[/list]



    Output:

    1. list item 1
    2. list item 2


    1. list item 1
    2. list item 2
    Images
    The [img] tag allows you to embed images within your posts. You can also combine this tag with the [url] tag to make images become links.

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

    Usage:
    [code]value[/code]

    Example:
    [code]
    <script type="text/javascript">
    <!--
    alert("Hello world!");
    //-->
    </script>
    [/code]

    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.

    Usage:
    [php]value[/php]

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

    Output:
    PHP Code:
            $myvar 'Hello World!';
            for (
    $i 0$i 10$i++)
            {
                echo 
    $myvar "\n";
            } 

    "A leader's greatness is determined by the success of his followers"

  2. #2
    Hoplite Egavas's Avatar
    Join Date
    Mar 2010
    Location
    Earth
    Posts
    326

    Default

    HTML Code
    The [html] tag allows you to perform syntax highlighting for HTML code.

    Usage:
    [html]value[/html]

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

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

    Usage:
    [quote]Quote[/quote]
    [quote=User Name]value[/quote]

    Example:
    [quote]Egavas you will make a great mod. Enjoy. :)[/quote]
    [quote=Dizzy Kanga]Egavas you will make a great mod. Enjoy. :)[/quote]
    [quote=Dizzy Kanga;717313]Egavas you will make a great mod. Enjoy. :)[/quote]

    Output:
    Egavas you will make a great mod. Enjoy.
    Quote Originally Posted by Dizzy Kanga
    Egavas you will make a great mod. Enjoy.
    Quote Originally Posted by Dizzy Kanga View Post
    Egavas you will make a great mod. Enjoy.
    Stop BB Code Parsing
    The [noparse] tag allows you to stop the parsing of BB code.

    Attachment
    The [attach] 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.

    Strikethrough
    Strikethrough text

    Spoiler
    Is meant to hide spoilers.

    Usage:
    [spoiler]value[/spoiler]

    Example:
    [spoiler]example[/spoiler]

    Output:
    Spoiler:

    example
    Table
    With this vB code tables can be inserted into the post.

    Usage:
    [table]value[/table]

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

    Output:
    column 1|column 2|column 3
    Last edited by Egavas; 23.05.10 at 12:21.

  3. #3
    Hoplite
    Join Date
    Mar 2012
    Location
    Pi
    Posts
    31

    Default

    How do you change what the spoiler button says, like the on you have as an example says "sho" instead of "Show
    WCAR:


    STATS:


  4. #4
    Hipparchus hp12345's Avatar
    Join Date
    Nov 2011
    Location
    Bharat
    Posts
    616

    Default

    URL Hyperlinking
    The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.


    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.
    Can you show me by an example of how to use optional parameters in these tags
    Sig by me,avy by xtcmax
    Spoiler:


  5. #5
    Hoplite Babacke's Avatar
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    23

    Default

    Quote Originally Posted by hp12345 View Post
    Can you show me by an example of how to use optional parameters in these tags
    It might be a bit late but perhaps someone is still interested in how to do this.

    As an example I'll create a link to the Grepolis Forums and name it "Forum":

    [url=http://forum.en.grepolis.com/]Forum[/url]


    Output:



    Here's the example for a link to this thread:

    [thread=6117]BBCode Guide[/thread]


    Output:

    Last edited by Babacke; 12.04.12 at 20:35. Reason: Added example for threads. Added Output.
    The above written is my own opinion or view unless otherwise said.*
    1.1 The author reserves the right to freely use irony/sarcasm whenever he wants to. 1.2 The author furthermore reserves the right to lie and falsify anything written in his posts. 2. All actions described in 1.1 and 1.2 might also occur in the general terms of posting which have just been explained.

  6. #6
    Strategos Lane's Avatar
    Join Date
    May 2010
    Location
    USA
    Posts
    3,976

    Default

    Quote Originally Posted by FarFromFallen View Post
    How do you change what the spoiler button says, like the on you have as an example says "sho" instead of "Show
    You can't do this as far as I know. You can only change the bolded text that says ("Spoiler")

    Hello:

    Example.
    "Don't be the same, be better!"

  7. #7
    Hipparchus hp12345's Avatar
    Join Date
    Nov 2011
    Location
    Bharat
    Posts
    616

    Default

    Quote Originally Posted by Babacke View Post
    It might be a bit late but perhaps someone is still interested in how to do this.

    As an example I'll create a link to the Grepolis Forums and name it "Forum":

    [url=http://forum.en.grepolis.com/]Forum[/url]


    Output:



    Here's the example for a link to this thread:

    [thread=6117]BBCode Guide[/thread]


    Output:

    oh I didn't read the date of posting
    BTW thanks and +rep for the help,how to find the thread no.
    [thread=6117]
    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.


    (Note: The threadid/postid is just an example and may not link to a valid thread/post.)
    Also can you tell me how to do this too ?
    Sig by me,avy by xtcmax
    Spoiler:


  8. #8
    Hoplite Babacke's Avatar
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    23

    Default

    Quote Originally Posted by hp12345
    oh I didn't read the date of posting
    Haha, my fault. Being retarded I read the date when you joined the forums and thought that was when your post appeared. Thinking that no one had posted here for several months I wasn't sure whether help was needed. Now I see that the date of posting is just on top of the 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.
    I don't know whether there's a simpler way than mine. But for thread ID i just look at the url of the site I'm currently on. For example the url for this thread is



    When I'm looking for a post ID, I just click the little number on the top right of the post which is a link to exactly that post. For example a link to your post would look like this:



    To make a link to this post and name it, you simply write

    [post=568006]hp12345's post[/post]


    The outcome should be




    I hope that was understandable. I know that my explanations are sometimes confusing.
    The above written is my own opinion or view unless otherwise said.*
    1.1 The author reserves the right to freely use irony/sarcasm whenever he wants to. 1.2 The author furthermore reserves the right to lie and falsify anything written in his posts. 2. All actions described in 1.1 and 1.2 might also occur in the general terms of posting which have just been explained.

  9. #9

    Default

    Don't mind this post... I am just messing with bb codes to get them right
    1. MEEEE
    2. Yooou
    3. Table lol


    • Cheese
    • Food
    • Cow

  10. #10
    Phrourarch Ac04's Avatar
    Join Date
    Jan 2010
    Location
    England
    Posts
    2,707

    Default

    Quote Originally Posted by Lane View Post
    You can't do this as far as I know. You can only change the bolded text that says ("Spoiler")

    Hello:

    Example.
    Correct. When I changed the code for the spoiler a while back, I didn't see the need to add in the functionality to change the button.

Page 1 of 3 123 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •