click here if you want to see your banner on this site

Author Topic: SMF Bulletin Board Code (BBCode), Help post for beginner  (Read 31 times)

hoanghai101296

  • Full Member
  • ***
  • Posts: 164
  • Karma: +0/-1
    • View Profile
SMF Bulletin Board Code (BBCode), Help post for beginner
« on: June 04, 2018, 10:23:14 AM »
I was also a newbie and had to find and research the forum for a long time before I could understand how to create a new complete article.
I created this article so that novices can more easily manipulate to create a complete article
How to create bold, italic and underlined text?

Using BBCode tags you can quickly change the style of the text. Consider the following methods:
To bold text, place it in the [b ] [/ b] tag, for example:
Code: [Select]
[b] Hello! [/b]
will become Hello!

To underline the use of the pair of [u ] [/ u], for example:

Code: [Select]
[u] Good morning! [/u]
will become Good morning!

To create text in italics, use the [i ] [/ i] tag, for example

Code: [Select]
[i]This is great![/i]
will show up This is great!

Strikethrough
Code: [Select]
[s]strikethrough[/s]
Glow
Code: [Select]
[glow=red,2,50]glow[/glow]
Shadow
Code: [Select]
[shadow=red,left]
shadow
[/shadow]

Preformatted Text
Code: [Select]
[pre ]Simple
  Machines
    Forum[/pre]

Left Align
Code: [Select]
[left ]left align[/left]
Centered
Code: [Select]
[center ]centered[/center]
Right Align
Code: [Select]
[right ]right align[/right]
Insert Flash
Code: [Select]
[flash =200,200]http://somesite/somefile.swf[/flash]
How to change the color or size of the text?
To change the color or size of the text, the following BBCode tags will be used. Remember that the display depends on the viewer's browser and the system:
To change the text color, place it in the [color =] [/ color] tag. You can specify an acceptable color name such as: red, blue, yellow ... or use hex color codes like #FFFFFF, # 000000 ... For example, to create a text with red letters you can Use as follows
Code: [Select]
[color=red] Hello! [/ color]will give the same result Hello!
Changing the size of the text is the same as above but using the [size =] [/ size] tag. The use of this tag depends on the interface that the user has chosen to use in the system, but we recommend that you use the size as a typical counter value with the unit as a percentage, starting at 5. (very small) up to 50 (very large) by default. For example:

Code: [Select]
[size=5pt] SMALL [/ size]
will create SMALL

whereas:

Code: [Select]
[size=50pt] BIG BIG [/ size]
will be BIG BIG

Can I combine the formatting cards together?
Yes! Surely you can do this. For example, to create someone's attention, you could write:
Code: [Select]
[size=20pt][color=red][b]LOOK AT ME![/b][/color][/size]it will show LOOK AT ME!

Links to other websites
The BBCode command tag supports many ways to generate better Uniform Resource Indicators (URIs) than other types of URL links.
The first pair of cards to use is [url =]  [/ url]. Anything you enter after the = sign becomes the content of that tag and is interpreted as a URL. For example, to link to the bitcointalk.org  website you will use the following:
Code: [Select]
[url=bitcointalk.org]Welcome bitcointalk![/url]
A link will be generated as follows: Welcome bitcointalk!
If you want to make a link visible to its own URL, do the following:
Code: [Select]
[url]bitcointalk.org[/url]The link generated will be: http://bitcointalk.org

Add an image in the post (To post an image you must have at least a Jr.member rank)
The BBCode tags in the phpBB software incorporate the image tag in the post. There are two important things to remember when using this tag: Many people do not appreciate using too many images in the article and secondly, the image you use in the article must exist on the web, It can not be the image on your computer unless your computer is a Web server. To display the image, you must place its URL in the [img ] [/ img] tag
. For example

Code: [Select]
[img]http://www.google.com/intl/en_ALL/images/logo.gif[/img]

You can also create a link as an image when using the above combination with the [url ] [/ url] tag. For example:

Code: [Select]
[url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/url]
will create to:


Hope it will help you

Learn more here



 

Bitcoin Garden 2013-2018, CC License: BY NC SA | Privacy Policy | About Bitcoin Garden | Support & Services