Jump to content


Photo

BBCode Tags - How To Format Your Posts?


  • This topic is locked This topic is locked
9 replies to this topic

#1 GameGoblin

GameGoblin

    GMC Member

  • GMC Member
  • 4325 posts
  • Version:GM:Studio

Posted 18 April 2015 - 03:33 PM

BBCode Tags - How To Format Your Posts?

This is a handy list of all the available BBCode tags that you can use to format your posts and make them look more stylish and formal.


Bold Tag
This BBCode tag makes the text bolded, thus, helping it to look more pronounced.
Syntax:


[b]Bold Text Here[/b]

Example:
Bold Text Here


Italic Tag
This BBCode tag makes the text italicised, slanting each letter a bit.
Syntax:

[i]Italic Text Here[/i]

Example:
Italic Text Here


Underline Tag
This BBCode tag underlines the text.
Syntax:

[u]Underlined Text Here[/u]

Example:
Underlined Text Here


Strikethrough Tag
This BBCode tag scores the selected text with a single thin line across the middle.
Syntax:

[s]Striked Through Text Here[/s]

Example:
Striked Through Text here


Superscript Tag
This BBCode tag reduces the font size and aligns it higher on the written line.
Syntax:

Text[sup]Superscript Text Here[/sup]

Example:
TextSuperscript Text Here


Subscript Tag
This BBCode tag reduces the font size and aligns it lower on the written line.
Syntax:

Text[sub]Subscript Text Here[/sub]

Example:
TextSubscript Text Here


Color Tag
This BBCode tag allows you to make your text colorful.
Syntax:

[color=color code]Colorful Text Here[/color]

Example:
Colorful Text Here

Note: You can check out this awesome website if you need help with colour codes!


Size Tag
This BBCode tag allows you to set the size of the text.
Syntax:

[size="size"]Text[/size]

Example:
Text


Font Tag
This BBCode tag allows you to set the font for the text.
Syntax:

[font="font name"]Text

Example:
Text


Center Aligning Tag
This BBCode tag allows you to align text at center.
Syntax:

[center]Text[/center]

Example:

Text


Left Aligning Tag
This BBCode tag allows you to align your text to the left.
Syntax:


[left]Text[/left]

Example:

Text



Right Aligning Tag
This BBCode tag allows you to align your text to the right.
Syntax:


[right]Text[/right]

Example:

Text



Quote Tag
This BBCode tag allows you to quote things that others said, by putting them in a box of a different color.
Syntax:


[quote]Text[/quote]

Example:

Text



Spoiler Tag
This BBCode tag allows you to hide certain things from getting seen at a glance. You're suggested to put large content inside a spoiler.
Syntax:


[spoiler]Text[/spoiler]

Example:

Spoiler



URL Tag
This BBCode tag allows you to show text as links which redirect to certain pages.
Syntax:

[url="page url"]Text[/url]

Example:
Text


Image Tag
This BBCode tag allows you to embed an image into your post.
Syntax:

[img="image url"]

Or:

[img]Image URL[/img]

Example:

photo-484377.png


Code Tag
This BBCode tag allows you to put text in a good looking box. This is mostly used to give codes, and other BBCode tags do not work inside them.
Syntax:

[code]Text[/code]

Example:

Text

Member Tag
This BBCode tag allows you to link to a member's profile, without any need to use the URL tag.
Syntax:


[member=member name]

Example:
GameGoblin

Acronym Tag

This BBCode tag does the same thing as the HTML acronym tag does. It underlines the text and shows some text when you hover over it.
Syntax:

[acronym="acronym text here"]Text[/acronym]

Example:
Text

Horizontal Rule Tag
This BBCode tag allows you to draw a horizontal line helping you to distinguish a piece of text from another.
Syntax:

[hr]

Example:
Text
 
Text


Media Tag
This BBCode tag allows allows you to embed a youtube video into your post.
Syntax:

[media]URL here[/media]

List Tag
This BBCode tag allows you to put stuff in the form of a list, thus, helping it to look more organised.
Syntax:


[list]
[*]One
[*]Two
[/list]

Example:

  • One
  • Two



Thanks for taking time to read this list!


Edited by TsukaYuriko, 19 December 2015 - 06:43 AM.

  • 3

#2 TsukaYuriko

TsukaYuriko

    Remember... and never forget

  • Global Moderators
  • 9535 posts
  • Version:GM:Studio

Posted 18 April 2015 - 03:50 PM

Kinda ironic how a topic about BBcode has broken BBcode in it. :P

You should fix that, remove the entries about non-existing tags and add an explanation on how to use the media tag (I just recently answered a topic asking about that). (Also, maybe slap Mike until he adds an anchor tag so you can add an index at the top to make the post more organized.)


  • 3

yBGBXQa.pngmWOQbeq.png


#3 Lukan Spellweaver

Lukan Spellweaver

    Gay Wizard Freak & mcmonkey's plaything

  • GMC Member
  • 3704 posts
  • Version:GM:Studio

Posted 18 April 2015 - 03:54 PM

Wouldn't we be *gasp* slapping Nocturne for forum improvement?
I know Mike is an admin, but Noc does way more forum stuff.
  • 0

DeEuDARh.pngi1SR21Q.png

Find me on Itch.io | GameJolt | YouTube | Twitter | Facebook | Website | Ask.FM

 GMC Google Hangout | I liek monkehs

The GMC, here lies she. Kicked to the curb, with nary a word. She shall live on, though. Remain strong, bros.

Also: MIKE DAILLY TOLD ME TO UPDATE MY SIGNATURE


#4 paul23

paul23

    GMC Member

  • Global Moderators
  • 4147 posts
  • Version:GM:Studio

Posted 18 April 2015 - 05:07 PM

You forgot the

[tex]

For neat


  • 3

#5 GameGoblin

GameGoblin

    GMC Member

  • GMC Member
  • 4325 posts
  • Version:GM:Studio

Posted 21 April 2015 - 11:16 AM

The topic has been fixed by chance. Though, the two BBCode tags that Tsuka and paul23 have mentioned have not been added. But, I assure, that I'll add them to the list, as soon as I get to my PC.

For those, who have been looking for color codes to be used in the color tag, I'd like to redirect you to the color chart, where many of them, or most of them have been mentioned. For those, who don't want to learn those heavy color codes, and want to use some basic colors only, you can do something like this:
[color="red"]...
Although, it works for basic colors like red, green, blue, yellow, etc. only, it may prove to be useful at times.

Also, I have a reason that caused 'big' and 'small' tags to break. The forums don't support F-Chat and many of the BBCode tags are F-Chat only. This category includes of tags, like big, small, heading, noparse, collapse, etc. and so on. I never tried or found an option that could enable F-Chat protocol on my forums, but I'll be surely interested in hearing, if it's possible. If it is, then, we should certainly get that enabled. :thumbsup:
  • 0

#6 GameGoblin

GameGoblin

    GMC Member

  • GMC Member
  • 4325 posts
  • Version:GM:Studio

Posted 02 May 2015 - 02:42 PM

UPDATE!
Acronym Tag
This BBCode tag does the same thing as the HTML acronym tag does. It underlines the text and shows some text when you hover over it.
Syntax:
[acronym="acronym text here"]Text[/acronym]
Example:
Text
.

Edited by AnuragRaghav, 02 May 2015 - 02:44 PM.

  • 0

#7 Erik Leppen

Erik Leppen

    GMC Member

  • GMC Member
  • 2751 posts
  • Version:GM:Studio

Posted 21 May 2015 - 05:45 PM

Here is a list of possible effects you can create when writing posts on this forum.

(1) Bold Text.
(2) Italic Text.
(3) Underlined Text.
(4) Striked Through Text.
(5) Text with a superscript, like x2.
(6) Text with a subscript, like H2O.
(7) Colored Text: Red Lime Blue.
(8) Sized Text: Tiny Small Large Huge
(9) Different fonts: Comic Sans Verdana
(10) Left aligned text

(11) Centered text

(12) Right aligned text

(13) Quoted text

Spoiler

(15) Hyperlink text
(16) Images cAJHPc9F_normal.png
(17) Code text
(18) Link to a member's profile: AnuragRaghav
(19) Nicely formatted mathematical expressions using LaTeX:
(20) Acronym text

 
Instructions
A. Look for the effect you want to use and remember the number it has.
B. Quote my post.
C. Make sure the post editor is in text mode. If it is not, click the "light switch" button all the way to the left of the editor.
D. Look for the number of the effect you want in the code you see.
E. Look what the code looks like and compare it to the effect you see.

 
 

I admire the time you put into setting up such a list and explaining everything in detail, but the above is an example of how I would present such a list. It's all the same information, but it uses four times less space. That's because I don't put stuff in the post that people can find using the quote button (and if you do, you'll also find how you can make those separator lines.) In my humble opinion your post suffers from too much fuss and a too low information density. And we're on a forum for technically minded people, who know how the quote button works.
  • 1

promo_briquidmini_500x150.png


#8 Lukasmah

Lukasmah

    A fan of staplers

  • GMC Member
  • 840 posts
  • Version:GM8

Posted 22 May 2015 - 07:46 PM

You seem to be missing some.


Horizontal rule tag
 

Media tag



List tag
  • Po
  • Ta
  • To

Edited by Lukasmah, 22 May 2015 - 07:46 PM.

  • 0

This is my signature. Isn't it nice?


#9 GameGoblin

GameGoblin

    GMC Member

  • GMC Member
  • 4325 posts
  • Version:GM:Studio

Posted 23 May 2015 - 02:44 AM

Thanks for pointing that out, Lukasmah! Since I'm left with no extra space in the original post, I'll do it here.
 

Horizontal Rule Tag
This BBCode tag allows you to draw a horizontal line helping you to distinguish a piece of text from another.
Syntax:
[hr]
Example:
First piece of text!
 
Second piece of text!
----------------------
Media Tag
This BBCode tag allows allows you to embed a youtube video into your post.
Syntax:
[media]url here[/media]
Example:

----------------------
List Tag
This BBCode tag allows you to put stuff in the form of a list, thus, helping it to look more organised.
Syntax:
[list]
[*]One
[*]Two
...
[/list]
Example:
  • One
  • Two

  • 0

#10 RekNepZ

RekNepZ

    GMC Historian

  • GMC Member
  • 718 posts
  • Version:GM:Studio

Posted 02 September 2015 - 03:05 AM

I'd also like to point out that most of these functions can be done by pressing the little boxes above the post editor, though some (such as spoilers) are done using the "Special BBCode" button next to the fonts menu. This may seem obvious, but some people don't seem to figure it out.


  • 1

AczgxAZ.png

^kept in my sig for historical purposes^