HomePortalCalendarFAQSearchMemberlistUsergroupsRegisterLog in

Share | 
 

 HTML and BBcode Tutorial

Go down 
AuthorMessage
Charles
Administration
avatar

Number of posts : 115
Age : 48
Location : Somewhere out there!
Registration date : 2009-02-24

PostSubject: HTML and BBcode Tutorial   Fri Feb 27, 2009 4:09 pm

Introduction

BBCode is a special implementation of HTML.
You can also disable it on a per post basis from the posting form.
BBCode itself is similar in style to HTML: tags are enclosed in the square braces [ and ]
rather than in < and > and it offers greater control over what is displayed and how it is displayed.
For more information on BBCode see the guide that can be accessed from the Board posting page.

How do I provide bold, underlined or italic text?
BBCode uses tags, which permit you to change the appearance of your text quite simply.
This happens as follows:

In order to make a text bold, enclose it with [ b][/b],
for example:

Code:

[b] your text [/b]

your text

To underline, use ; for example:

Code:

[u] your text [/u]

your text

In order to write italics use ; for example:

Code:

[i] your text [/i]

your text

In order to write a text in a certain colour, enclose it with . You can choose a general colour name (for example red, blue, yellow.....). For example, in order to write a red text, you would write the following:

Code:

[color=blue] your text[/color]


your text

Changing the text size is done similarly, to do this use [size=][/size].
Usually the text size is enteredas a numerical value.

Code:

[size=14] your text [/size]

your text


You can naturally combine different things,
for example:

Code:

[size=20][color=blue][b] your text
[/b][/color][/size]

your text


Here is an example of how to show images in posts:

Code:

[img]http://i61.servimg.com/u/f61/13/61/14/36/2nd-ha12.png[/img]



The first of the following examples uses the tag;
whatever you type after the = sign will cause the contents of that tag to act as a URL.
For example, to link to phpBB.com you could use:

Code:

[url=http://www.phpbb.com/]Visit
phpBB![/url]

This would generate the following link:
Visit phpBB!

You will notice that the link opens in a new window so the user can continue browsing the forums if they wish.
If you want the URL itself displayed as the link you can do this by simply using:

Quote :

http://www.phpbb.com/


The same thing applies to email addresses; you can either specify an address explicitly, like:

Quote :

no.one@domain.adr


which will output no.one@domain.adr or you can just type no.one@domain.adr into your
message and it will be automatically converted when you view the message.

As with all the BBCode tags, you can wrap URLs around any of the other tags such as [img] (see next entry),
[b], etc. As with the formatting tags, it is up to you to ensure that the correct open and close order is followed.
For example:

Code:

[url=http://2ndhand.forumotion.com/forum.htm][img]http://i61.servimg.com/u/f61/13/61/14/36/2nd-ha12.png[/img][/url]


_________________
Rule#1 - If you are offended by anything in it, leave this area and don't come back.
Rule#2 - No direct insults or derogatory statements permitted.
Rule#3 - Feel free to debate issues, but please keep it civilized.
Rule#4 - Read and reply at your own risk.
Back to top Go down
View user profile http://2ndhand.forumotion.com
 
HTML and BBcode Tutorial
Back to top 
Page 1 of 1
 Similar topics
-
» How to convert html to bbcode
» Share this topic (URL, BBCode & HTML)
» Creating an HTML page
» Basic HTML Coding
» HTML Template for Chatbox

Permissions in this forum:You cannot reply to topics in this forum
 :: [ Administration ] :: *** Announcement and FQAs ***-
Jump to: