Welcome Guest ( Log In | Register )


> Bb Code Tutorial, worth reading


NickTheGreek
post 30 Mar 2007, 01:25 AM
Post #1


Administrator
Group Icon

Group: Admin
Posts: 118313
Joined: 3-June 05
From: Athens, Greece
Member No.: 1
Zodiac Sign: I'm a leo!
Gender: I'm a m!











What is BB Code?


BB code is a set of tags based on the HTML language that you may already be familiar with. They allow you to add formatting to your messages in the same way as HTML does, but have a simpler syntax and will never break the layout of the pages you are viewing. The ability to use BB Code is set on a forum-by-forum basis by the administrator, so you should check the forum rules when you post a new message.


URL Hyperlinking


If BB Code is enabled in a forum, you can simply type in the full address of the page you are linking to, and the hyperlink will be created automatically. Here are some example links:



  • http://www.gameplanet.co.nz/play.dyn/Start/


  • www.gpforums.co.nz


Notice that if the address begins with www. you do not need to add the http:// part of the address. If the address does not begin with www. you will need to add the http:// section. You may also use https:// and ftp:// links, and these will be converted into links.



If you want to include the BB Code, you may simply surround the address with red).



%20

%5burl%5dwww.gameplanet.co.nz/play.dyn/Start/" target="_blank"> tags as shown below. (The BB Code tags are shown in red).



[url]www.gameplanet.co.nz/play.dyn/Start/



You can also include true hyperlinks using the %20

Click%20here%20to%20get%20started%20playing%20online



This%20will%20produce%20a%20hyperlink%20like%20this:%20Click%20here%20to%20get%20started%20playing%20online.


Note%20that%20once%20again,%20you%20need%20not%20include%20the%20http://%20if%20the%20address%20begins%20www.



Email%20Links


To%20add%20a%20link%20to%20an%20email%20address,%20you%20can%20simply%20include%20the%20email%20address%20in%20your%20message%20like%20this:



%20

myname@domain.dom



Note%20that%20there%20must%20be%20a%20blank%20space,%20such%20as%20a%20space%20or%20a%20carriage%20return%20before%20the%20beginning%20of%20the%20address.


You%20can%20also%20use%20BB%20Code%20tags%20to%20specify%20an%20email%20address,%20like%20this:



%20

%5bemail%5dmyname@domain.dom%5b/email%5d




You%20can%20also%20add%20a%20true%20email%20hyperlink%20using%20the%20following%20format:



%20

Click%20here%20to%20email%20me



This%20will%20produce%20a%20hyperlink%20like%20this:%20Click%20here%20to%20email%20me.


Bold,%20Underlined%20and%20Italic%20Text


You%20can%20make%20text%20bold,%20underlined%20or%20italicized%20by%20simply%20surrounding%20your%20text%20with%20tags%20as%20shown%20below:




    %20
  • some%20text%20produces%20some%20text

  • some%20text%20produces%20some%20text


  • some%20text%20produces%20some%20text


Using%20Different%20Colors,%20Sizes%20and%20Fonts


You%20can%20alter%20the%20size,%20color%20and%20font%20of%20text%20using%20the%20following%20tags:



    %20
  • some%20text%20produces%20some%20text%20(colored%20blue)


  • some%20text%20produces%20some%20text%20(size%204%20text)

  • some%20text%20produces%20some%20text%20(using%20courier%20font)



You%20can%20also%20combine%20all%20the%20various%20text%20formatting%20tags.%20This%20example%20uses%20bold,%20underlined,%20purple%20text:



%20

Wow%20there's%20lots%20of%20formatting%20here!



This%20example%20produces%20this:



%20

Wow%20there's%20lots%20of%20formatting%20here!




Bullets%20and%20Lists


You%20can%20create%20bulleted%20or%20ordered%20lists%20in%20the%20following%20way:


Unordered,%20bulleted%20list:




%20%20%20%20%20%20

%20%20%20%20*%20first%20bulleted%20item

%20%20%20%20%20%20
%20%20%20%20*%20second%20bulleted%20item

%20%20%20%20%20%20



This%20produces:



    %20
  • first%20bulleted%20item

  • second%20bulleted%20item


Note%20that%20you%20must%20remember%20to%20close%20the%20list%20with%20the%20%5b/list%5d%20tag.


If%20you%20would%20like%20to%20create%20a%20list%20ordered%20numerically%20or%20alphabetically,%20this%20is%20just%20as%20easy.%20You%20simply%20need%20to%20add%20a%20little%20extra%20code%20to%20your%20

%20%20%20%20%20%20%20and%20

%20tags.%20The%20extra%20code%20looks%20like%20=1%20(for%20a%20numbered%20list)%20or%20=A%20(for%20a%20list%20from%20A%20to%20Z).%20Here%20are%20some%20examples:





%5blist=1%5d

%5b*%5dthis%20is%20the%20first%20numbered%20item

%5b*%5dthis%20is%20the%20second%20numbered%20item

%5b/list=1%5d



This%20produces:



  1. this%20is%20the%20first%20numbered%20item

  2. this%20is%20the%20second%20numbered%20item




%5blist=A%5d

%5b*%5dthis%20is%20the%20first%20alphabetically%20ordered%20item

%5b*%5dthis%20is%20the%20second%20alphabetically%20ordered%20item

%5b/list=A%5d


This%20produces:




  • this%20is%20the%20first%20alphabetically%20ordered%20item

  • this%20is%20the%20second%20alphabetically%20ordered%20item



  • Adding%20Images



    To%20include%20a%20picture%20or%20graphic%20within%20the%20body%20of%20your%20message,%20you%20can%20simply%20surround%20the%20address%20of%20the%20image%20as%20shown%20here:



    %20

    %5bi%20m%20g%5dhttp://www.gpforums.co.nzhttp://images.gpforums.co.nz/styles/gameplanet/title/main.gif
    CODE
    %5b/%20i%20m%20g%5d



    Note%20that%20the%20http://%20part%20of%20the%20image%20URL%20is%20required%20for%20the%20%5bi%20m%20g%5d%20code.



    You%20can%20even%20create%20a%20thumbnail-type%20hyperlink%20by%20surrounding%20your%20%5bi%20m%20g%5d%20code%20with%20a%20%5burl%5d%20code%20like%20this:



    %20

    %5burl=http://www.gpforums.co.nzhttp://images.gpforums.co.nz/styles/gameplanet/title/main.gif%5d%5bi%20m%20g%5dhttp://www.gpforums.co.nzhttp://images.gpforums.co.nz/styles/gameplanet/on.gif%5b/%20i%20m%20g%5d" target="_blank"> tag. Just use the following format:




    Click here to get started playing online



    This will produce a hyperlink like this: Click here to get started playing online.


    Note that once again, you need not include the http:// if the address begins www.



    Email Links


    To add a link to an email address, you can simply include the email address in your message like this:



    myname@domain.dom



    Note that there must be a blank space, such as a space or a carriage return before the beginning of the address.


    You can also use BB Code tags to specify an email address, like this:



    [email]myname@domain.dom[/email]




    You can also add a true email hyperlink using the following format:



    Click here to email me



    This will produce a hyperlink like this: Click here to email me.


    Bold, Underlined and Italic Text


    You can make text bold, underlined or italicized by simply surrounding your text with tags as shown below:




    • some text produces some text

    • some text produces some text


    • some text produces some text


    Using Different Colors, Sizes and Fonts


    You can alter the size, color and font of text using the following tags:



    • some text produces some text (colored blue)


    • some text produces some text (size 4 text)

    • some text produces some text (using courier font)



    You can also combine all the various text formatting tags. This example uses bold, underlined, purple text:



    Wow there's lots of formatting here!



    This example produces this:



    Wow there's lots of formatting here!




    Bullets and Lists


    You can create bulleted or ordered lists in the following way:


    Unordered, bulleted list:






    * first bulleted item


    *
    second bulleted item





    This produces:



    • first bulleted item

    • second bulleted item


    Note that you must remember to close the list with the [/list] tag.


    If you would like to create a list ordered numerically or alphabetically, this is just as easy. You simply need to add a little extra code to your

    and

    tags. The extra code looks like =1 (for a numbered list) or =A (for a list from A to Z). Here are some examples:









    [list=1]

    [*]this is the first numbered item

    [*]this is the second numbered item

    [/list=1]



    This produces:



    1. this is the first numbered item

    2. this is the second numbered item




    [list=A]

    [*]this is the first alphabetically ordered item

    [*]this is the second alphabetically ordered item

    [/list=A]


    This produces:




    1. this is the first alphabetically ordered item

    2. this is the second alphabetically ordered item



    Adding Images



    To include a picture or graphic within the body of your message, you can simply surround the address of the image as shown here:



    [i m g]http://www.gpforums.co.nzhttp://images.gpforums.co.nz/styles/gameplanet/title/main.gif
    CODE
    [/ i m g]



    Note that the http:// part of the image URL is required for the [i m g] code.



    You can even create a thumbnail-type hyperlink by surrounding your [i m g] code with a [url] code like this:



    [url=http://www.gpforums.co.nzhttp://images.gpforums.co.nz/styles/gameplanet/title/main.gif][i m g]http://www.gpforums.co.nzhttp://images.gpforums.co.nz/styles/gameplanet/on.gif[/ i m g]




    This produces a link like this:


    Note that the image files must be located on a web server on the Internet. You cannot link to image files that only exist on your hard drive. If you are not able to upload your image files to a web server (most ISPs provide customers with free web space that you can use for this purpose), you can use the Attachment feature when posting your message to upload the picture to the Forums. You don't need to use [i m g] code when posting an attachment.


    Quoting Other Messages


    To quote something that has already been posted, simply cut-and-paste the text you want to quote, and enclose it as follows:




    QUOTE
    No. Try not.

    Do or do not, there is no try.




    The [quote] tags will automatically indent the enclosed text.


    The Code and PHP Tags


    If you want to post some programming source code, or perhaps some ASCII art, which would require a non-proportional font, you can use the
    CODE
    tag to achieve this. For example:



    [code]








    In the example above, the text enclosed in the [code] tags would be automatically indented, and the spacing would be preserved like this:





    A special case is for code written in the PHP language. If you are posting PHP code, you can enclose the source code in [php] tags, and the script will automatically have syntax highlighting applied:




    [php]

    $myvar = "Hello World!";

    for ($i=0; $i<10; $i++) {

    echo $myvar."\n";


    }

    [/php]



    This would produce:



    $myvar "Hello World!";
    for (
    $i=0$i<10$i++) {
    echo 
    $myvar."\n";
    }



    Incorrect BB Code Usage:



    • " target="_blank"> www.vbulletin.com - don't put spaces between the bracketed code and the text you are applying the code to.

    • [email]myname@domain.com[email] - the end brackets must include a forward slash ([/email])







    --------------------

    c:\ When the going gets tough, the tough get going ...
    Go to the top of the page
     
    Bookmark this: Post to Del.icio.usPost to DiggPost to FacebookPost to GooglePost to SlashdotPost to StumbleUponPost to TechnoratiPost to YahooMyWeb
    +Quote Post

    Posts in this topic
    NickTheGreek   Bb Code Tutorial   30 Mar 2007, 01:25 AM
    mak   XRUSA έχεις με...   30 Mar 2007, 06:25 PM
    XRUSA   QUOTE(mak @ 30 Mar 2007, 06:25 PM)XRUSA ...   30 Mar 2007, 10:48 PM
    Jack The Ripper   Ενα καλο tutori...   30 Mar 2007, 09:57 PM
    NickTheGreek   δεν είναι ...   30 Mar 2007, 10:42 PM

    « Next Oldest · Forum explained & Site Feedback · Next Newest »
     

    Reply to this topicStart new topic
    1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
    0 Members:

     



    RSS Lo-Fi Version Time is now: 5th July 2025 - 12:15 AM
    Skin and Graphics by Dan Ellis and Anubis. Hosting by Forums & More © 2005-2011.
    InvisionGames - Your #1 Arcade Games Repository | AllSigs - Signatures for all | Rock Band + Guitar Hero = RockHero ! | The Remoters - Remote Assistance | FileMiners - You ask, We find