Get Sponsored Forum

You are not connected. Please login or register

GSF BB Code: Walkthrough (Complete)

3 posters

Go down  Message [Page 1 of 1]

1GSF BB Code: Walkthrough (Complete) Empty GSF BB Code: Walkthrough (Complete) Mon Oct 29, 2012 4:21 am

Admin | No1

Admin | No1
Head Admin
Head Admin

Just an overview to help some of you get acquainted with the GSF'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

      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-ar1-b
      r2-ar2-br2-c
      r3-ar3-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:

      GSF BB Code: Walkthrough (Complete) Theinternetmn



  • 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:



    Exclamation 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

    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


    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

      Tip: You can use this scroll function to display images that don't normally fit inside the forum display.

      EX:
      GSF BB Code: Walkthrough (Complete) Horriblecollisiondetect



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



Last edited by Admin | No1 on Thu Dec 06, 2012 3:08 pm; edited 3 times in total

https://www.youtube.com/user/No1leftB3HIND

2GSF BB Code: Walkthrough (Complete) Empty Re: GSF BB Code: Walkthrough (Complete) Thu Nov 01, 2012 6:22 pm

Admin | No1

Admin | No1
Head Admin
Head Admin

So I finally got done with this monstrosity, leave a comment and tell me what you think. I think even some of you seasoned pro's might learn a thing or two.

https://www.youtube.com/user/No1leftB3HIND

3GSF BB Code: Walkthrough (Complete) Empty Re: GSF BB Code: Walkthrough (Complete) Thu Nov 01, 2012 11:30 pm

thejoshb

thejoshb
Site Staff
Site Staff

That giant list just reinforces how much I hate programming and computer coding. Nice work though

https://www.youtube.com/thejoshbtv

4GSF BB Code: Walkthrough (Complete) Empty Re: GSF BB Code: Walkthrough (Complete) Thu Dec 06, 2012 5:21 am

Zekyga

Zekyga
Site Staff
Site Staff

My eyes hate after 5mins of going back up and down O_O
that's insane but it's useful I'm glad you're a admin now because it's something you were born to do xD

https://www.youtube.com/user/ZekygaGaming

5GSF BB Code: Walkthrough (Complete) Empty Re: GSF BB Code: Walkthrough (Complete) Thu Dec 06, 2012 6:23 am

Admin | No1

Admin | No1
Head Admin
Head Admin

you think scrolling is bad, try writing it.

https://www.youtube.com/user/No1leftB3HIND

Sponsored content



Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum