BBcode Tutorial .
2 posters
Page 1 of 1
BBcode Tutorial .
Hello , so i'v seen that this forum use BBcodes , this is a tutorial for the beginners .
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.
To make a piece of text bold :
To italicize text :
For underlining use:
To strike some text:
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 :
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 .
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 :
How to combine the folowing codes ? :
This is an exemple of a correct combination :
CODE:
This is an exemple of a wrong combination :
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:
The second method allows you to blindly quote something. To use it :
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 :
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 :
An alphabetical list :
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 :
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
The centering :
Right alignment :
Scrolling text
Make a message scroll horizontally
If you wish to make a text scroll horizontally, you need to use the following BBcode :
The second way to make a text scroll is vertically, with the following BBcode :
--END
I Hope that this tutorial was helpful to you guys .
(C) BBcode Tutorial from Forumotion.
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]
To italicize text :
- Code:
[i]Anime Society[/i]
For underlining use:
- Code:
[u]Anime Society[/u]
To strike some text:
- Code:
[strike]Anime Society[/strike]
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]
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]
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]
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]
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]
Remember that you must include the quotation marks "" around the name you are quoting -- they are not optional.Anime Society wrote:The text wrote by Anime society must be placed here
The second method allows you to blindly quote something. To use it :
- Code:
[quote]Blind quote[/quote]
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]
- Code:
echo "This is some code";
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]
- Do shopping
- Buy a new computer
- Yell to its computer when it crashes
An alphabetical list :
- Code:
[list=a][*]First possible answer[*]Second possible answer[*]Third possible answer[/list]
- First possible answer
- Second possible answer
- 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]
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]
text aligned to the left
The centering :
- Code:
[center]Text centered[/center]
Text centered
Right alignment :
- Code:
[right]Text aligned to the right[/right]
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]
The second way to make a text scroll is vertically, with the following BBcode :
- Code:
[updown]My message[/updown]
--END
I Hope that this tutorial was helpful to you guys .
(C) BBcode Tutorial from Forumotion.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Sat Sep 06, 2014 6:36 pm by isukandaru-kun
» Hey guy what ur top Favorite Anime Slice of life can u tell me?
Sat May 31, 2014 3:50 am by kim sothea
» Hello Anime Fans~
Mon May 26, 2014 4:20 am by dordream
» NewBie HerE
Sun May 18, 2014 6:02 am by Scarlet
» My Favourite Anime OP is......
Sat May 17, 2014 7:13 pm by KiritoKun
» Black Bullet
Thu May 15, 2014 5:10 pm by isukandaru-kun
» MANGA READER app
Wed May 14, 2014 6:25 pm by aMeiry
» I'm looking for Anime Characters
Wed May 14, 2014 6:21 pm by aMeiry
» What type of Dere Are you?
Sat May 10, 2014 7:51 am by Camille.Dawn