G3 BBCode Walkthrough

Subject: G3 BBCode Walkthrough Sun May 19, 2013 3:51 pm

PLEASE NOTE: I'm transferring this walkthrough from GSF, it'll take some time to make all the necessary changes to it. All of the GSF references and links will be removed from it, and it will also account for updates or nuances of the BBCode between the forums. The major thing will accounting for the huge differences between the forums formats. If the admins don't feel this is necessary, just delete the thread.

Just an overview to help some of you get acquainted with the G3's BB Code by explaining how to use it and it's functionality. Temporarily this is a work in progress, check back occasionally for updates.

Bold
- Definition: The Bold function increases the girth of your lettering.
- Code:
  
  Code:
  
  [b][/b]
- Example:
  
  Code:
  
  [b]John likes Sally[/b]
- Product of Example:
  
  John likes Sally
Italics
- Definition: This italicizes specified text, giving it accent.
- Code:
  
  Code:
  
  [i][/i]
- Example:
  
  Code:
  
  Sally [i]really[/i] likes Ted
- Product of Example:
  
  Sally really likes Ted
Underline
- Definition: Places a small line underneath text to highlight it, usually used for titles.
- Code:
  
  Code:
  
  [u][/u]
- Example:
  
  Code:
  
  Unfortunately Ted likes [u]hookers[/u].
- Product of Example:
  
  Unfortunately Ted likes hookers.
Strike
- Definition: Places a thin line through text, that is being edited out and should be ignored
- Code:
  
  Code:
  
  [strike][/strike]
- Example:
  
  Code:
  
  ...but Sally is [strike]not[/strike] a hooker.
- Product of Example:
  
  ...but Sally is ~~not~~ a hooker.
Text Align
- Definition: Aligns the text within the forum to the left, in the center, to right, or justified (Paragraph or block of text in which all words in all lines are spaced-out such that the first word aligns with the left margin and last word with the right margin. Used commonly in books and magazines.)
- Code:
  
  Code:
  
  [left][/left]
  
  [right][/right]
  [justify][/justify]
- Example:
  
  Code:
  
  [left]To the left[/left]
  [center]In the center[/center]
  [right]To the right[/right]
  [justify]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/justify]
- Product of Example:
  
  To the left
  In the center
  To the right
  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
List
- Definition: A grouping of items that is more pronounced.
- Code:
  
  Code:
  
  [list][*][/list]
- Example:
  
  Code:
  
  [list]
  [*]Dewey
  [*]Cheatem
  [*]& Howe
  [/list]
- Product of Example:
  - Dewey
  - Cheatem
  - & Howe
Ordered List
- Definition: A grouping of items that uses ascending characters to denote an order.
- Code:
  
  Code:
  
  [list={A/1}][*][*][/list]
- Example:
  
  Code:
  
  [list=a][*]1st[*]2nd[*]3rd[/list]
  [list=1][*]1st[*]2nd[*]3rd[/list]
- Product of Example:
  1. 1st
  2. 2nd
  3. 3rd
  1. 1st
  2. 2nd
  3. 3rd
Line Break
- Definition: A straight line that creates a visual separation of 2 sections.
- Code:
  
  Code:
  
  [hr]
- Example:
  
  Code:
  
  North[hr]South
- Product of Example:
  north
  south
Quote
- Definition: A visual sectioning of a previously stated remark.
- Code:
  
  Code:
  
  [quote][/quote]
  [quote="name"][/quote]
- Example:
  
  Code:
  
  [quote="John"]The video needed better highlighting[/quote]I agree
  
  [quote]The video needed better highlighting[/quote]I agree
- Product of Example:
  
  John wrote:
  
  The video needed better highlighting
  
  I agree
  
  Quote :
  
  The video needed better highlighting
  
  I agree
Code
- Definition: A section of a single post that prohibits the action of any code it encases.
- Code:
  
  Code:
  
  [code]replace the curly brackets with normal brackets[/code]
- Example:
  
  Code:
  
  [code]<html><body><p>[u]The BBCode tag separates any kind of code that would normally be run automatically by the forum[/u]</p></body></html>[/code]
- Product of Example:
  
  Code:
  
  <html><body><p>[u]The BBCode tag separates any kind of code that would normally be run automatically by the forum[/u]</p></body></html>
Tables
- Definition: A sectioning of elements into a manipulable data sheet form.
- Code:
  
  Code:
  
  [table border="{0/1}"]
  [tr][td][/td][/tr]
  [/table]
  
  [table]-> Initializes the table
  it's not necessary to include the border
  modifier. The number is representative of an on/off switch. "0" is off "1" is on
  
  [tr]-> Represents a single row
  
  [td]-> Represents a section of a row
  The row with the most amount of sections will be the table's maximum width.
- Example:
  
  Code:
  
  [table border="1"]
  [tr][td]r1-a[/td][td]r1-b[/td][/tr]
  [tr][td]r2-a[/td][td]r2-b[/td][td]r2-c[/td][/tr]
  [tr][td]r3-a[/td][td]r3-b[/td][/tr]
  [/table]
- Product of Example:
  
  r1-a r1-b
  r2-a r2-b r2-c
  r3-a r3-b
Images
- Definition: a transfer protocol that finds a hosted image on the internet and displays the image inside a post.
- Code:
  
  Code:
  
  [img]url[/img]
- Example:
  
  Code:
  
  [url=http://www.getsponsoredforum.com/t17361-gsf-bb-code-walkthrough][img]http://imageshack.us/a/img19/2913/theinternetmn.jpg[/img][/url]
  
  Tip: You can enclose the img tag with a url to make the img a hyperlink
- Product of Example:
URLs/Links
- Definition: a tag that embeds a Uniform Resource Locator or a hyperlink to another site or post on the internet.
- Code:
  
  Code:
  
  [url=http://soandso.com]This text will be how your link is displayed[/url]
- Example:
  
  Code:
  
  [url=http://www.getsponsoredforum.com/t17361-gsf-bb-code-walkthrough]GSF BB Code Walkthrough[/url]
- Product of Example:
  
  GSF BB Code Walkthrough
Flash
- Definition: A tag that will embed any flash video players.
- Code:
  
  Code:
  
  [flash(width,length)]url[/flash]
- Example:
  
  Code:
  
  [flash(425,350)]http://www.youtube.com/v/N6L_8n28GTo[/flash]
  
  Note: The dimensions provided here are the standard embed size.
  
  Example of Larger Embed:
  [flash(475,400)]http://www.youtube.com/v/N6L_8n28GTo[/flash]
- Product of Example:
Larger:

Quote :

Super Important: You must modify youtube url's like I've done to have the video load.

Orginal: https://www.youtube.com/watch?v=N6L_8n28GTo
Edited: https://www.youtube.com/v/N6L_8n28GTo

Tip:If you post just the modified link it will force a full-screen video inside the browser. Click my link to see what I'm talking about.

In addition here is a link to some other useful youtube url tricks:
URL Tricks
Videos
- Definition: A simpler way to upload youtube and dailymotion videos by just using the web handle as a tag.
- Code:
  
  Code:
  
  [-youtube]http://www.youtube.com/v/url[-/youtube]
  
  Just replace youtube with [dailymotion] to upload from that site.
  
  Also it is important to note that you must remove the "-" that I've placed in my examples, even with the {code} brackets it forces the tag to change to flash.
- Example:
  
  Code:
  
  [-youtube]http://www.youtube.com/v/zBCod1J-Hg4[-/youtube]
- Product of Example:
Font Size
- Definition: A tag that will change the size of your lettering
- Code:
  
  Code:
  
  [size={7/9/12/18/24}]text[/size]
- Example:
  
  Code:
  
  [size=7]Tiny[/size][size=9]Small[/size][size=12]Normal[/size][size=18]Large[/size][size=24]Huge[/size]
- Product of Example:
  
  TinySmallNormalLargeHuge
Quote :

Note: There are other pixel sizes, but not all numbers will be responsive
Font Color
- Definition: A tag that will change the color of your lettering.
- Code:
  
  Code:
  
  [color={DarkRed/Red/Orange/Brown/Yellow/Green/Olive/Cyan/Blue/DarkBlue/Indigo/Violet/White/Black/limegreen}]Text[/color]
- Example:
  
  Code:
  
  [color=DarkRed]C[/color][color=Red]h[/color][color=Orange]a[/color][color=Brown]r[/color][color=Yellow]a[/color][color=Green]c[/color][color=limegreen]t[/color][color=Olive]e[/color][color=Cyan]r[/color][color=Blue]i[/color][color=DarkBlue]s[/color][color=Indigo]t[/color][color=White]i[/color][color=Black]c[/color]
- Product of Example:
  
  Characteristic
Quote :

Note: There are a few other colors if you do some exploring, which I can't remember what they are, but if you play around with it, you may be delighted at what you find.
Text Font
- Definition: A tag that will change the font of your lettering
- Code:
  
  Code:
  
  [font={Arial/Arial Black/Comic Sans Ms/Courier New/Georgia/Impact/Times New Roman/Trebuchet MS/Verdana}]Text[/font]
- Example:
  
  Code:
  
  [font=Arial]Arial[/font]
  [font=Arial Black]Arial Black[/font]
  [font=Comic Sans Ms]Comic Sans Ms[/font]
  [font=Courier New]Courier New[/font]
  [font=Georgia]Georgia[/font]
  [font=Impact]Impact[/font]
  [font=Times New Roman]Times New Roman[/font]
  [font=Trebuchet Ms]Trebuchet Ms[/font]
  [font=Verdana]Verdana[/font]
  
  Yes, These are all available fonts on GSF.
- Product of Example:
  
  Arial
  Arial Black
  Comic Sans Ms
  Courier New
  Georgia
  Impact
  Times New Roman
  Trebuchet Ms
  Verdana
Spoiler
- Definition: A code box that hides text until a user click on the box.
- Code:
  
  Code:
  
  [spoiler]text[/spoiler]
- Example:
  
  Code:
  
  [spoiler]The new flash comic was mind-blowing[/spoiler]
- Product of Example:
  
  Spoiler:
Horizontal Scrolling
- Definition: A tag that will scroll an element across the screen like a marquee.
- Code:
  
  Code:
  
  [scroll]text[/scroll]
- Example:
  
  Code:
  
  [scroll]Check out the new [url=https://www.facebook.com/GSFPS3]PS3 Game Night Facebook Page[/url][/scroll]
- Product of Example:
  Check out the new PS3 Game Night Facebook Page
  
  Quote :
  
  Tip: You can use this scroll function to display images that don't normally fit inside the forum display.
  
  EX:
FUTURE TAGS!
- Definition:
- Code:
  
  Code:
  
  [
- Example:
  
  Code:
- Product of Example:

Note: Currently there are BB Code tags available in the reply browser that are not currently working! Try back later after we resolve some issues.