Welcome to Gaia! ::

<3 </3

Was this helpful to you in any way?

Yes!!! 0.53573770491803 53.6% [ 1634 ]
Nope, not much. 0.1416393442623 14.2% [ 432 ]
Gold! 0.32262295081967 32.3% [ 984 ]
Total Votes:[ 3050 ]
1 2 3 4 5 6 ... 20 21 22 > >>

Mind-boggling Codger

1,500 Points
  • Signature Look 250
  • Dressed Up 200
  • Bunny Spotter 50
Koiyuki
I think this guild is one of, if not the best on Gaia, and I moderate there, so i know what I'm talking about. Why? You may ask? Well...

    biggrin We're intellectual
    ninja Perverted
    cool and nOOB free

Need I say more?


I'm sure some of you are thinking, "I wanna write like that, too!" crying Well today is your lucky day, 'cause I'm here to show you how its done, step by step.
I'm here to help you learn BBCode *the coding used in these here forums*

And make your words and thoughts come to life! And I'll also give you the ability to use fancy fonts colors and whatnot. A quick note before i begin:

If you'll notice, a lot of the instructions you see here will look like this:

[*insert instruction here*]I'm the man![/*insert instructions here]
*used in the bold(b)(/b), italics(i)(/i), underline (u)(/u)and code (code)(/code) tags

or this:

[*insert instructions here=""]Whats your problem, bud?[/*insert instructions here*]
*used in the Quote(quote)(/quote) tag

or this:

[*insert instructions here=*][*/insert instructions here]
*used in the Code(code)(/code)URL(url)(/url) and Image(img)(/img)(imgleft)(/imgleft)(imgright)(/imgright)(imgmap)(/imgmap) tags

If you understood all that, congratulations, you don't need me teachin' ya this.

If you could figure out that you could substitute these()(/) for these [][/] and just type in the words to get what you want, good job and good eye.

If you feel still feel lost and confused, don't worry, you're not alone, and I'll be here to show you the ropes. I'm also here to answer any questions you may have about my teachings.

Now then, if you'd be so kind as to follow me...

Note, this was once in General discussion, so just ignore the random morons that haves posts in here xd Also note that each of the lessons listed here links to the appropriate one, so click on it to be taken to it. (or right click and paste it to your URL, whatever works for you)

How to create bold, underlined,strikethrough, and itatic text.

How to change the color and size of your text



    Creating an
    Ordered
    And
    Unordered
    List



Err...linking to another site...*its tough to make this one creative, dammit! sweatdrop *

User Image

Mind-boggling Codger

1,500 Points
  • Signature Look 250
  • Dressed Up 200
  • Bunny Spotter 50
How to create bold, italic, strikethourgh and underlined text
BBCode includes tags to allow you to quickly change the basic style of your text and make your words have that much more impact. This can be done in the following ways:
To make a piece of text bold, enclose it in these formatting tags:

[b][/b]


Any words within these automattically becomes bold

[b]This is what it could look like typed out before posting,[/b]


And this the result

For underlining certain things these tags would be used:

[u][/u]


[u]This is what underlined words would look like before posting...[/u]


And this is afterwards

Strikethrough can be used in joking statements or in certain words in anothers quote you may wanna take out, or even substitute for another, Example:

Before posting
I think your a [strike]damn moron![/strike] friggin' genius!


After
I think you're a damn moron!friggin' genuis!

Italicized words work much the same way, and their tags look like this:

[i][/i]

Mind-boggling Codger

1,500 Points
  • Signature Look 250
  • Dressed Up 200
  • Bunny Spotter 50
How to change the text color or size
To alter the color or size of your text the following tags can be used. Keep in mind that how the output appears will depend on the viewers browser and system:
Changing the colour of text is achieved by wrapping it in . You can specify either a recognised color name (eg. red, blue, yellow, etc.) or the hexadecimal triplet alternative, eg. #FFFFFF, #000000. For example, to create red text you could use: the name or number in the instructions. either way, they come out the same.

[color=red]Hello![/color]

or

[color=#FF0000]Hello![/color]


they both give you Hello!


*Side note: you can also do this to underlines and strike-throughs, like so:

done

[color=color you want the strike line to be][strike][color=color of text you want]done[/color][/strike][/color]
*

Changing the text size is achieved in a similar way using the size tag. This tag is dependent on the template you are using but the recommended format is a numerical value representing the text size in pixels, starting at 1 (so tiny you will not see it) through to 29 (very large). For example:

[size=9]SMALL[/size]


will generally be SMALL

whereas:

[size=24]HUGE![/size]


will be HUGE!

you can also combine forming tags*that'd be the things I'm showing you* to get someones attention. For example, you may write:

[size=18][color=red][b]You friggin' moron![/b][/color][/size]


this would output You friggin' moron!

I don't recommend you output lots of text that looks like this, though! *unless you feel like getting your point across wink * And you can also use this to put multiple colors in your post.

Of course
, these kinds of sentences take a little while to make, so only use when absolutely necessary.


And also, there are a lot more to choose from than the ones in the color list, so just use your imagination and let your creativity run free and experiment with all the different color names to see what suits you.

(in case you were wondering, the colors i used *in order* were

    Dodger Blue
    Dark Violet
    Teal
    Gold
    Sky Blue
    Pink
    Dark Orange
    Dark Green
    Midnight Blue
    Orange Red
    Royal Blue
    Crimson
    And my personal favorite, Silver
    A full list of available colors can be found here
    *the two worded colors are typed together as one, if you want to use one of those, and they don't need to be capitalized, or any of that*


And also, if you want to use gradiant and rainbow text, visit this site
Does all your dirty work for you, and saves you from catchin' Carpal Tunnel tryin' to make that kind of text xd
Remember that it is up to you, to make sure that tags are closed the right way. For example, the following would be wrong:


[color=indigo][b][u]This is wrong[/b][/color][/u]

Mind-boggling Codger

1,500 Points
  • Signature Look 250
  • Dressed Up 200
  • Bunny Spotter 50
Quoting text in replies
There are two ways you can quote text: with a reference or without.
When you utilise the Quote function to reply to a post on the board you should notice that the post text is added to the message window enclosed in a quote block, which looks like this:

[quote][/quote]


This method allows you to quote with a reference to a person or whatever else you choose to put. For example, to quote a piece of text Mr. nOOb wrote, you would enter:

[quote="Mr. nOOb"]The text Mr. nOOb wrote would go here[/quote]


The resulting output will automatically add: Mr. nOOb wrote: before the actual text. Remember that you must include the quotation marks "" around the name you are quoting -- they ain't optional.
The second method allows you to blindly quote something(a quote with no name attached). To utilise this enclose the text in quote tags with no name.

Quote:
a nameless quote


And another thing, to solve the problem of usernames with brackets, simply add this sequence to solve the problem.

[I r user with brackets hur]
So instead of this--

[I r user with brackets hur]
You get this <3


The BBCoding system is being difficult and won't recognize the code for it as code. See page 3 of this tutorial for info on how to do this

Mind-boggling Codger

1,500 Points
  • Signature Look 250
  • Dressed Up 200
  • Bunny Spotter 50
Creating an Un-ordered and ordered list
BBCode supports two types of lists, unordered and ordered. They are essentially the same as their HTML equivalents. An unordered list ouputs each item in your list sequentially one after the other indenting each with a bullet character. To create an unordered list you use
[list][/list]
and define each item within the list using
  • . For example, to list reasons why you wouldn't and shouldn't be called a nOOb you could use:

    [list]
    [*]I'm considerate
    [*]Literate
    [*]And i don't use chatspeak
    [/list]

    This would generate the following list:

    • I'm considerate
    • Literate
    • And I don't use chatspeak


    for an ordered one, just add a 1 or a in the first list instruction

    [list=1]
    [*]I'm considerate
    [*]Literate
    [*]And i don't use chatspeak
    [/list]

    These would be the needed coding

    [list=a]
    [*]I'm considerate
    [*]Literate
    [*]And i don't use chatspeak
    [/list]



    1. I'm considerate
    2. Literate
    3. And i don't use chatspeak


    These would be the results


    • I'm considerate
    • Literate
    • And i don't use chatspeak



    You can also substitute emoticons or any other pictures for the bullet points, if you're feeling creative.
  • Quick Reply

    Submit
    Manage Your Items
    Other Stuff
    Get GCash
    Offers
    Get Items
    More Items
    Where Everyone Hangs Out
    Other Community Areas
    Virtual Spaces
    Fun Stuff
    Gaia's Games
    Mini-Games
    Play with GCash
    Play with Platinum