Guide BBCode Guide

Egavas

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

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 websites and files. You can include an optional parameter to 'name' your link. [table="width=75%"][B]Usage[/B]|[B]Example[/B]|[B]Output [/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:
    • list item 1
    • list item 2

  • 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|
      (not linked)[/noparse]|
      (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";
              }
 

Egavas

Guest
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]
User Name said:
[/noparse]

Example:
[noparse]
Egavas you will make a great mod. Enjoy. :)
Dizzy Kanga said:
Egavas you will make a great mod. Enjoy. :)
Egavas you will make a great mod. Enjoy. :)
[/noparse]

Output:
Egavas you will make a great mod. Enjoy. :)
Dizzy Kanga said:
Egavas you will make a great mod. Enjoy. :)
Egavas you will make a great mod. Enjoy. :)
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]
value
[/noparse]

Example:
[noparse]
example
[/noparse]

Output:
example
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
 
Last edited by a moderator:

FarFromFallen

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

hp12345

Phrourach
URL Hyperlinking
The 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.[/QUOTE] Can you show me by an example of how to use optional parameters in these tags
 

Babacke

Guest
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":

[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 by a moderator:

Lane

Guest
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")

Example.
 

hp12345

Phrourach
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]​
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 ?
 

Babacke

Guest
hp12345 said:
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

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

SexyWhiteBeast

Guest
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
 

Ac04

Strategos
You can't do this as far as I know. You can only change the bolded text that says ("Spoiler")

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.
 

Dash2001

Guest
How do i post an image into a forum without putting the image on a website?? Or is that even possible?
 

Lane

Guest
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
 

Lane

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

Leahkim

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

Harry

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

Leahkim

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