Have an account? Then log in!

Don't have one? Easy, just register~!

We are sure you'll have lots of fun! Guaranteed. Wink

Hope you have Fun on Anime Society Forum.

- Anime Society Staff


Join the forum, it's quick and easy

Have an account? Then log in!

Don't have one? Easy, just register~!

We are sure you'll have lots of fun! Guaranteed. Wink

Hope you have Fun on Anime Society Forum.

- Anime Society Staff
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Log in

I forgot my password

Like us on Facebook
twitter

BBcode Tutorial .

2 posters

Go down

BBcode Tutorial . Empty BBcode Tutorial .

Post by Zuen Sun May 12, 2013 2:59 pm

Hello , so i'v seen that this forum use BBcodes , this is a tutorial for the beginners .

What is BBcode?:

BBCode is a special implementation of HTML. Whether you can actually use BBCode in your posts on the forum is determined by the administrator. In addition, you can disable BBCode on a per post basis via the posting form. BBCode itself is similar in style to HTML: tags are enclosed in square brackets [ and ] rather than < and > and it offers greater control over what and how something is displayed. Depending on the template you are using you may find adding BBCode to your posts is made much easier through a clickable interface above the message area on the posting form. Even with this you may find the following guide useful.

Basic Commands
:

To make a piece of text bold :
Code:
[b]Anime Society[/b]
Result: Anime Society

To italicize text :
Code:
[i]Anime Society[/i]
Result: Anime Society

For underlining use:
Code:
[u]Anime Society[/u]
Result: Anime Society

To strike some text:
Code:
[strike]Anime Society[/strike]
Result: Anime Society

How to change the color of a selected word / letter :
To change your text color, you can specify a known color (ex: red, blue, yellow, etc.) and add it to this code Like this :
Code:
[color=green]green color (green)[/color]
Result : green color (green)

How to change the size of a selected word / letter :

To change your text size, you must specify the text size in pixel, from 1 (so small you won't see it) to 29 (very huge): i advice you to use pixels from 9 to 24 .

Code:
[size=9]Anime Society[/size] or [size=24]Anime Society[/size]
Result: Anime Society or Anime Society

How to change the front :
To change the font, you must specify a recognized font (ex: Verdana, Arial) if the user hasn't got the font, a default one will be displayed :
Code:
[font=Arial]Arial font[/font] or [font=Comic Sans Ms]Comic sans MS font[/font]
Result: Arial font or Comic sans MS font

How to combine the folowing codes ? :

This is an exemple of a correct combination :
CODE:
Code:
[size=18][color=red][b]LOOK AT ME ![/b][/color][/size]
will give: LOOK AT ME !

This is an exemple of a wrong combination :
Code:
[u][i][b]This is incorrect[/i][/u][/b]

Quoting text in replies

There are two ways you can quote text: with a reference or without.
The reference example, to quote a post wrote by Mr. Blobby, you must enter:
Code:
[quote="Anime Society"]The text wrote by Mr. Blobby must be placed here[/quote]
Result :
Anime Society wrote:The text wrote by Anime society must be placed here
Remember that you must include the quotation marks "" around the name you are quoting -- they are not optional.

The second method allows you to blindly quote something. To use it :
Code:
[quote]Blind quote[/quote]
Result:
Blind quote

Outputting code or fixed width data

If you want to output a piece of code (HTML or other) or in fact anything that requires a fixed width with a Courier-type font, you must use the following BBCode :
Code:
[code]echo "This is some code";[/code]
Result:
Code:
echo "This is some code";
This is exactly what we use in this FAQ to show you all the BBCodes you can use.

Generating lists
Creating an Un-ordered list

An un-ordered list produces a list which entries are one underneath the others and indented with a bullet character.

Creating an Ordered list

The second list type gives you the control on what will be displayed before each entry. To create an ordered list, you've got two possibilites :

A numbered list :
Code:
[list=1][*]Do shopping[*]Buy a new computer[*]Yell to its computer when it crashes[/list]
Result :
  1. Do shopping
  2. Buy a new computer
  3. Yell to its computer when it crashes


An alphabetical list :
Code:
[list=a][*]First possible answer[*]Second possible answer[*]Third possible answer[/list]
Result:
  1. First possible answer
  2. Second possible answer
  3. Third possible answer


Showing images in posts

Adding an image to a post

The BBCode incorporates a tag for including images in your posts. Two very important things to remember when using this tag are: many users do not appreciate lots of images being shown in posts and second, the image you display must already be available on the Internet (it cannot exist only on your computer, for example, unless you run a webserver!). You can upload for free your images on internet by an image hosting . To display an image, you need to proceed as following :

You can place an image into a link if you wish (by insuring yourself that the opening and closure tags are correct), for an example :
Code:
[img]Image URL [/img]
Result:
Your image will be diplayed ( sorry i can't make an exemple sinse that we can't post links for now ^^ )

Text positioning

Four positions possibilities are proposed :

Left alignment
Code:
[left]text aligned to the left[/left]
Result:
text aligned to the left

The centering :
Code:
[center]Text centered[/center]
Result:
Text centered

Right alignment :
Code:
[right]Text aligned to the right[/right]
Result:
Text aligned to the right

Scrolling text

Make a message scroll horizontally

If you wish to make a text scroll horizontally, you need to use the following BBcode :
Code:
[scroll]My message[/scroll]
Result:
My message

The second way to make a text scroll is vertically, with the following BBcode :
Code:
[updown]My message[/updown]
Result:
My message

--END

I Hope that this tutorial was helpful to you guys Smile .

(C) BBcode Tutorial from Forumotion.
Zuen
Zuen
Ninja

Ninja

Posts : 36
Points : 4025
Reputation : 0
Join Date : 2013-05-12
Location : Tunisia

https://www.facebook.com/pages/Admin-Zuen/100776683456563?fref=t

Back to top Go down

BBcode Tutorial . Empty Re: BBcode Tutorial .

Post by Zuen Sun May 12, 2013 3:22 pm

I will add the " Link posting " Codes when we will be able to post links ^^
Zuen
Zuen
Ninja

Ninja

Posts : 36
Points : 4025
Reputation : 0
Join Date : 2013-05-12
Location : Tunisia

https://www.facebook.com/pages/Admin-Zuen/100776683456563?fref=t

Back to top Go down

BBcode Tutorial . Empty Re: BBcode Tutorial .

Post by RONtaku Sun May 12, 2013 3:51 pm

thanks for the guide Smile
RONtaku
RONtaku
Admin
Admin

Posts : 84
Points : 4143
Reputation : 2
Join Date : 2013-05-10
Age : 26

https://animesociety.forumtl.com

Back to top Go down

BBcode Tutorial . Empty Re: BBcode Tutorial .

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top


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