Guide BBCode Guide

Discussion in 'Player Guides' started by Egavas, May 23, 2010.

Share This Page

  1. Egavas

    Egavas New Member

    Joined:
    Mar 17, 2010
    Messages:
    326
    Likes Received:
    19
    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.

    [table="width=75%"]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.

    [table="width=75%"]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[/table]

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

    [table="width=75%"]Usage|Example|Output
    [noparse]value|this text is blue[/noparse]|this text is blue[/table]

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

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

    [table="width=75%"]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][/table]

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

    [table="width=75%"]Usage|Example|Output
    [noparse]value|this text is in the courier font[/noparse]|this text is in the courier font[/table]

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

    [table="width=75%"]Usage|Example|Output
    [noparse][highlight]value[/highlight]|[highlight]this text is highlighted[/highlight][/noparse]|[highlight]this text is highlighted[/highlight][/table]

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

    [table="width=75%"]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[/table]

    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.

    [table="width=75%"]Usage|Example|Output
    [noparse]
    value​
    |
    this text is indented​
    [/noparse]|
    this text is indented​
    [/table]

    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]|Click Here to Email Me[/table]

    URL Hyperlinking

    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.

    [table="width=75%"]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][/table]

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

    [table="width=75%"]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][/table]

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

      [B]Usage:[/B]
      [noparse]
      [list]value
      [/list]
      [/noparse]

      [B]Example:[/B]
      [noparse]

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

      [/noparse]

      [B]Output:[/B]

      [LIST]
      [*]list item 1
      [*]list item 2
      [/LIST]
    • [B]
      Advanced Lists[/B]
      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).

      [B]Usage:[/B]
      [noparse]
      [list=Option]value
      [/list]
      [/noparse]

      [B]Example:[/B]
      [noparse]

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



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

      [/noparse]

      [B]Output:[/B]

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

      [LIST=a]
      [*]list item 1
      [*]list item 2
      [/LIST]
      [/list]​
      • [SIZE=3][B]Images[/B][/SIZE][INDENT]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.

        [table="width=75%"][B]Usage[/B]|[B]Example[/B]|[B]Output
        [/B][noparse][img]value[/img]|[img]http://static.grepolis.com/images/game/units/sword_50x50.png[/img] (not linked)[/noparse]|[IMG]http://static.grepolis.com/images/game/units/sword_50x50.png[/IMG] (not linked)
        [noparse]|[url=http://example.com][img]http://static.grepolis.com/images/game/units/sword_50x50.png[/img][/url] (linked)[/noparse]|[URL="http://example.com"][IMG]http://static.grepolis.com/images/game/units/sword_50x50.png[/IMG][/URL] (linked)[/table]
        [/INDENT][B][SIZE=3]Code[/SIZE][/B][INDENT]The [code] tag switches to a fixed-width (monospace) font and preserves all spacing.

        [B]Usage:[/B]
        [noparse][code]value[/code][/noparse]

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

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

        [B]Output:[/B]
        [php]
        $myvar = 'Hello World!';
        for ($i = 0; $i < 10; $i++)
        {
        echo $myvar . "\n";
        }
        [/php][/INDENT]
     
    C4R105, Swamp-Fox and Xide like this.
  2. Egavas

    Egavas New Member

    Joined:
    Mar 17, 2010
    Messages:
    326
    Likes Received:
    19
    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
     
    Last edited: May 23, 2010
    Fredybobjohn likes this.
  3. FarFromFallen

    FarFromFallen New Member

    Joined:
    Mar 27, 2012
    Messages:
    31
    Likes Received:
    4
    How do you change what the spoiler button says, like the on you have as an example says "sho" instead of "Show
     
  4. hp12345

    hp12345 New Member

    Joined:
    Nov 10, 2011
    Messages:
    616
    Likes Received:
    55
     
  5. Babacke

    Babacke New Member

    Joined:
    Apr 11, 2012
    Messages:
    23
    Likes Received:
    12
    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":

    [noparse]Forum[/noparse]​


    Output:



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

    [noparse][thread=6117]BBCode Guide[/thread][/noparse]​


    Output:

    [thread=6117]BBCode Guide[/thread]​
     
    Last edited: Apr 12, 2012
  6. Lane

    Lane Well-Known Member

    Joined:
    May 30, 2010
    Messages:
    4,089
    Likes Received:
    286
    You can't do this as far as I know. You can only change the bolded text that says ("Spoiler")

    Example.
     
  7. hp12345

    hp12345 New Member

    Joined:
    Nov 10, 2011
    Messages:
    616
    Likes Received:
    55
    oh I didn't read the date of posting
    BTW thanks and +rep for the help,how to find the thread no.
    Also can you tell me how to do this too ?
     
  8. Babacke

    Babacke New Member

    Joined:
    Apr 11, 2012
    Messages:
    23
    Likes Received:
    12
    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.

    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

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


    The outcome should be

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



    I hope that was understandable. I know that my explanations are sometimes confusing.
     
    hp12345 likes this.
  9. SexyWhiteBeast

    SexyWhiteBeast New Member

    Joined:
    Oct 12, 2011
    Messages:
    51
    Likes Received:
    3
    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
     
    Lane likes this.
  10. Ac04

    Ac04 New Member

    Joined:
    Jan 14, 2010
    Messages:
    2,718
    Likes Received:
    257
    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.
     
  11. Dash2001

    Dash2001 New Member

    Joined:
    Apr 14, 2012
    Messages:
    80
    Likes Received:
    18
    How do i post an image into a forum without putting the image on a website?? Or is that even possible?
     
  12. Lane

    Lane Well-Known Member

    Joined:
    May 30, 2010
    Messages:
    4,089
    Likes Received:
    286
    Click the "insert image" icon on your toolbar above, and select the image in which you are uploading. However, I've never used it so good luck! :p Lol
     
  13. HullMeister

    HullMeister Well-Known Member

    Joined:
    Apr 13, 2012
    Messages:
    21
    Likes Received:
    1
    do all of these work in the Alliance Forums, if so how do we find thread and post info?
     
  14. hp12345

    hp12345 New Member

    Joined:
    Nov 10, 2011
    Messages:
    616
    Likes Received:
    55
    No find thread or post info thing works only in external forums
     
  15. Lane

    Lane Well-Known Member

    Joined:
    May 30, 2010
    Messages:
    4,089
    Likes Received:
    286
    The only BB Codes in-game are the basics. Such as color, align, font, text size, etc. All the advanced BB Codes only work in forum.
     
  16. Sunnyjain

    Sunnyjain New Member

    Joined:
    May 12, 2012
    Messages:
    9
    Likes Received:
    1
    nice guide
     
  17. Leahkim

    Leahkim New Member

    Joined:
    Nov 12, 2012
    Messages:
    402
    Likes Received:
    61
    I'm trying to use the in-game picture BBC. The picture I'm wanting to post is saved on my laptop. So how do I go about using it? I can't seem to get it to work.
     
  18. Harry

    Harry <img src="http://i265.photobucket.com/albums/ii226 Giant

    Joined:
    Mar 28, 2011
    Messages:
    1,342
    Likes Received:
    159
    You would need to upload it to an image sharing site, such as tiny pic and then paste the link that says "for forums and message boards" into your profile.
     
  19. Leahkim

    Leahkim New Member

    Joined:
    Nov 12, 2012
    Messages:
    402
    Likes Received:
    61
    Uhh. I'm not really sure how to do that. I pulled it off the internet to begin with so I just posted a URL link to it this time. I suppose that's what I'll do from now on.
     
  20. Harry

    Harry <img src="http://i265.photobucket.com/albums/ii226 Giant

    Joined:
    Mar 28, 2011
    Messages:
    1,342
    Likes Received:
    159
    http://tinypic.com/

    Click that, then click on the choose file option, choose a the file you want and click upload.
     
    Leahkim likes this.