Final Fantasy Manips

A place where fans of manips and final fantasy can come together to hang out, make friends and show off their work! ^^
 
HomePortalCalendarFAQSearchMemberlistUsergroupsRegisterLog in
Welcome To Final Fantasy Manips
Log in
Username:
Password:
Log in automatically: 
:: I forgot my password
Poll
Who created the best manip?
Snookiepooke
0%
 0% [ 0 ]
SerahFarron96
25%
 25% [ 1 ]
AutumnRain
0%
 0% [ 0 ]
DanniellaHill
25%
 25% [ 1 ]
uknownimouz15
50%
 50% [ 2 ]
Total Votes : 4
Control Panel

•Your Profile

Information

Preference

Signature

Avatar

•Social

Friends and Foes

Memberlist

Groups

•Private Messages

Inbox

PM sent

•Other

Topic is being watched

Affiliates
Nintendo Corner

Share | 
 

 BBCode Lessons

View previous topic View next topic Go down 
AuthorMessage
avatar
Zellogi
MOD
MOD


Posts : 141
Join date : 2012-05-07
Age : 25
Location : Somewhere

PostSubject: BBCode Lessons   Fri May 18, 2012 6:42 pm


So I noticed a few people didn't know much BBCode, so I thought I'd provide some information for everyone. I hope this helps you.

An Introduction to BBCode
What is BBCode? It is a small coding language to provide some basic effects, such as bold, italics, underline, and many other things. It is derived from HTML, which is the backbone of any website, along with a combination of Cascade Spreadsheets (CSS), Javascript, and many other language. It is basically a simplified version of HTML mainly used on forums such as this one to provide easier access to effects without extensive knowledge of coding. In this tutorial, I will be providing you a few BBCodes that work on ForuMotion forums.

Formatting
Bold: [*b]Your text here![/b]
Your text here!

Italics: [*i]Your text here![*/i]
Your text here!

Underline: [*u]Your text here![*/u]
Your text here!
*note* Generally ended before a punctuation park. Like so:
[*u]Your text here[*/u]!


Strikeout: [*strike]Your text here![*/strike]
Your text here!

Alignments

Left Alignment: [*left]Your text here![*/left]
Your text here!

Center Alignment: [*center]Your text here![*/center]
Your text here!

Right Alignment: [*right]Your text here![*/right]
Your text here!

Justified Alignment: [*justify]Your text here![*/justify]
Your text here!
Not sure what justified alignment is...

Lists
Bulleted Lists: (see below)
Beginning Tag: [*list]
Ending Tag: [*/list]
For each bullet you wanna put in, you must put [*] before it.

Example:
[*list][*]Your text here!
[*]Your text here![*/list]
Turns into...
  • Your text here!
  • Your text here!


Numbered, Lettered, etc Lists
Beginning Tag: [*list=Value] (Value could be A, a, 1, or others, I haven't looked much into all the possibilities of what Value could be.)
Ending Tag: [*/list]
Same bullet rule as above.

Example:
[*list=A][*]Your text here!
[*]Your text here![*/list]
Turns into...
  1. Your text here!
  2. Your text here!


Other Codes
Image: [*img]url goes here[*/img]


Quote: [*quote]Your text here![*/quote]
Quote :
Your text here!
You could also use this, which lists a name instead of just "Quote", like so:
[*quote="Zellogi"]Your text here![*/quote]
Zellogi wrote:
Your text here!

URL: [*url] http://www.google.com/ [*/url]
http://www.google.com/
You can also make a piece of text a link as well, by doing this:
[*url=http://www.google.com]Google[*/url]
Google

Size: [*size=number]Your text here![*/size]
Your text here!
*note* The number can be any whole number between 1-29. If you try 30, the code will not work. If you try 0, the text will disappear completely, and you'll have to put a different number.

Colors: [*color=color]Your text here![*/color]
Your text here!
*note* You can use the name of the color (red) or the 6 digit hex code for that number (#FF0000). The list of colors you can use by name are:
Dark Red (The code name is darkred, with no spaces)
Red
Orange
Brown
Yellow
Green
Olive
Cyan
Blue
Dark Blue (The code name is darkblue, with no spaces)
Indigo
Violet
White
Black

And the code to use the hex code is:
[*color=#123456]Your text here![*/color]
Your text here!

Fonts: [*font=Comic Sans Ms]Your text here![*/font]
Your text here!
You can use any font, but be aware that people who do not have that font installed on their computer will only see the forum's default font.

Subscripts: [*sub]Your text here![*/sub]
Your text here!

Superscripts: [*sup]Your text here![*/sup]
Your text here!

Spoilers: [*spoiler]Your text here![*/spoiler]
Spoiler:
 
You can also name spoilers.
[*spoiler=name]Your text here![*/spoiler]
name:
 

Scrolling Text:
Horizontal: [*scroll]Your text here![*/scroll]
Your text here!

Vertical: [*updown]Your text here![*/updown]
Your text here!

There are a few more advanced ones, like adding videos, flash, and stuff, but I'm not gonna go into that.

NOTE: In order to get any of the codes working, you MUST take the * out of the example codes.
The above does not apply to the [*] part of the list codes. That is mandatory to create the bullet points.

One other thing, if you ever make a topic and click the "Others" button on the list of codes, you'll see two I didn't discuss, called "Random" and "WoW". I tested these, and as far as I know, they're dummy codes. The "Random" one's tag is [*rand], but I tested it and nothing happened. Same thing for the "WoW" code. Its tag is [*wow].

Lemme know how I did. happy bounce

Zell.



AutumnRain wrote:
I also wanna add something if it's okay ^_^

How to make a table with BBCode


Cell 1 Cell 2
Cell 4 Cell 5
Cell 7 Cell 8 Cell 9 Cell 10

Below is the code I used:
Code:
[table border="3" width="500px" height="250px" align="center"]
[tr]
[td= rowspan=2]Cell 1 [/td]
[td= colspan=2]Cell 2 [/td]
[td]Cell 4 [/td]
[td]Cell 5 [/td]
[/tr]
[tr][td]Cell 7 [/td]
[td]Cell 8 [/td]
[td]Cell 9 [/td]
[td]Cell 10 [/td]
[/tr]
[/table]

- Border: The width of the border of the table. Default number is 1.
- Width: The width of the whole table. I'm using px as the unit here.
- Height: THe height of the whole table. Same as Width.
- Align: There are 3 values - Left, Right, Center. Alignment of the whole table. Default value is left.
- [tr][/tr]: Indicate a row of the table.
- [td][/td]: Indicate a cell within a row.
- Rowspan: Merge cells vertically. Lowest value is 2.
- Colspan: Merge cells horizontally. Lowest value is 2.


Feel free to ask if you're confused about anything ^__^

________________________________________________________________________________

Signature made by me.


Last edited by Zellogi on Mon Jun 11, 2012 12:49 pm; edited 4 times in total (Reason for editing : Even at 1 AM, I fail o.o)
Back to top Go down
View user profile http://nintendocorner.forumotion.bz/
avatar
angelxjessy
Members
Members


Posts : 385
Join date : 2012-05-12
Age : 22
Location : Germany

PostSubject: Re: BBCode Lessons   Fri May 18, 2012 7:11 pm

I think you did it well, I knew them already, but think for ppl which don't know it, should understand it. ^_^

Great Job! happy bounce happy bounce

________________________________________________________________________________
♦️ My YouTube ♦️ My DeviantArt ♦️
Back to top Go down
View user profile
avatar
Zellogi
MOD
MOD


Posts : 141
Join date : 2012-05-07
Age : 25
Location : Somewhere

PostSubject: Re: BBCode Lessons   Fri May 18, 2012 9:23 pm

I noticed that a few people didn't, because they were asking about them in the FAQ Danni made, and thought I'd make a spot where they could go to learn them. I ran into a little trouble with the big Alignment, because it would do the bold, but not the size... Turns out I had messed up an earlier size tag, which messed the whole thing up, but I fixed it.

Hope everyone understands this, and if you find a part confusing, let me know so I can clarify on it!

Zell.

________________________________________________________________________________

Signature made by me.
Back to top Go down
View user profile http://nintendocorner.forumotion.bz/
avatar
AutumnRain
Moderator
Moderator


Posts : 98
Join date : 2012-05-08
Location : The World That Never Was

PostSubject: Re: BBCode Lessons   Sat May 19, 2012 1:54 am

I also wanna add something if it's okay ^_^

How to make a table with BBCode


Cell 1 Cell 2
Cell 4 Cell 5
Cell 7 Cell 8 Cell 9 Cell 10

Below is the code I used:
Code:
[table border="3" width="500px" height="250px" align="center"]
[tr]
[td= rowspan=2]Cell 1 [/td]
[td= colspan=2]Cell 2 [/td]
[td]Cell 4 [/td]
[td]Cell 5 [/td]
[/tr]
[tr][td]Cell 7 [/td]
[td]Cell 8 [/td]
[td]Cell 9 [/td]
[td]Cell 10 [/td]
[/tr]
[/table]

- Border: The width of the border of the table. Default number is 1.
- Width: The width of the whole table. I'm using px as the unit here.
- Height: THe height of the whole table. Same as Width.
- Align: There are 3 values - Left, Right, Center. Alignment of the whole table. Default value is left.
- [tr][/tr]: Indicate a row of the table.
- [td][/td]: Indicate a cell within a row.
- Rowspan: Merge cells vertically. Lowest value is 2.
- Colspan: Merge cells horizontally. Lowest value is 2.


Feel free to ask if you're confused about anything ^__^
Back to top Go down
View user profile
avatar
SerahFarron96
Members
Members


Posts : 311
Join date : 2012-05-07
Age : 21
Location : Ukraine

PostSubject: Re: BBCode Lessons   Sat May 19, 2012 4:22 am

Awsome,thanks.I feel smarter now xD

________________________________________________________________________________
~ No!Jimmy Protested ~ Potato!! ~ So,I just think.........SUUUUPEEERMMAAAAAAAAAN!!!! ~
I'm a 1D fan and proud of it

My Blog Tumblr
Deviantart

Back to top Go down
View user profile http://serahfarro96.deviantart.com
avatar
Danniellahill
Founder
Founder


Posts : 621
Join date : 2012-05-07
Age : 25
Location : A land far far away.....

PostSubject: Re: BBCode Lessons   Sat May 19, 2012 3:35 pm

you sir... ARE AMAZING!!!

i didnt know half this stuff and i run the forum LMAO

great job :) ill probably try some of these out at some point, like the list one.

Great job. heres a cookie for you


________________________________________________________________________________

Back to top Go down
View user profile http://finalfantasymanips.forumotion.com
avatar
Zellogi
MOD
MOD


Posts : 141
Join date : 2012-05-07
Age : 25
Location : Somewhere

PostSubject: Re: BBCode Lessons   Sat May 19, 2012 6:24 pm

I forgot about the table..... I completely forgot to add it xD

Thanks everyone, hope this helps you all out.

________________________________________________________________________________

Signature made by me.
Back to top Go down
View user profile http://nintendocorner.forumotion.bz/
avatar
Danniellahill
Founder
Founder


Posts : 621
Join date : 2012-05-07
Age : 25
Location : A land far far away.....

PostSubject: Re: BBCode Lessons   Sat May 19, 2012 6:29 pm

AutumnRain wrote:
I also wanna add something if it's okay ^_^

How to make a table with BBCode


Cell 1 Cell 2
Cell 4 Cell 5
Cell 7 Cell 8 Cell 9 Cell 10

Below is the code I used:
Code:
[table border="3" width="500px" height="250px" align="center"]
[tr]
[td= rowspan=2]Cell 1 [/td]
[td= colspan=2]Cell 2 [/td]
[td]Cell 4 [/td]
[td]Cell 5 [/td]
[/tr]
[tr][td]Cell 7 [/td]
[td]Cell 8 [/td]
[td]Cell 9 [/td]
[td]Cell 10 [/td]
[/tr]
[/table]

- Border: The width of the border of the table. Default number is 1.
- Width: The width of the whole table. I'm using px as the unit here.
- Height: THe height of the whole table. Same as Width.
- Align: There are 3 values - Left, Right, Center. Alignment of the whole table. Default value is left.
- [tr][/tr]: Indicate a row of the table.
- [td][/td]: Indicate a cell within a row.
- Rowspan: Merge cells vertically. Lowest value is 2.
- Colspan: Merge cells horizontally. Lowest value is 2.


Feel free to ask if you're confused about anything ^__^

might be nice to add how u did the little scrolly part (unless you did already lmao) this is great :) i always like making tables, but then never know how to do them XD thanks for adding it lols

________________________________________________________________________________

Back to top Go down
View user profile http://finalfantasymanips.forumotion.com
avatar
Zellogi
MOD
MOD


Posts : 141
Join date : 2012-05-07
Age : 25
Location : Somewhere

PostSubject: Re: BBCode Lessons   Sat May 19, 2012 7:01 pm

Yeah I covered that in the initial post already.

[scroll]Your text here![/scroll]

^ That ^

________________________________________________________________________________

Signature made by me.
Back to top Go down
View user profile http://nintendocorner.forumotion.bz/
avatar
Danniellahill
Founder
Founder


Posts : 621
Join date : 2012-05-07
Age : 25
Location : A land far far away.....

PostSubject: Re: BBCode Lessons   Sat May 19, 2012 7:08 pm

ohh ok lol i didnt see it xD

________________________________________________________________________________

Back to top Go down
View user profile http://finalfantasymanips.forumotion.com

Sponsored content




PostSubject: Re: BBCode Lessons   

Back to top Go down
 

BBCode Lessons

View previous topic View next topic Back to top 
Page 1 of 1

 Similar topics

-
» WoW China: Questions for everyone on this forum.
» black fatalis
» Lessons from the first GT of 6th Ed.
» [H] Battle Ball lessons: get a knack for this brutal sport!
» BBCode Forum Variables

Permissions in this forum:You cannot reply to topics in this forum
Final Fantasy Manips :: Resource Center :: Tutorials-