BBC/HTML

People might not be 100% with BBCoding and HTML, here are some basic examples, and coding beneath.

BBCode example HTML Effect
bolded text <b>bolded text</b> or <span style="font-weight: bold;">bolded text</span> bolded text
italicized text <i>italicized text</i> or <span style="font-style: italic;">italicized text</span> italicized text
underlined text <u>underlined text</u> or <span style="text-decoration: underline;">underlined text</span> underlined text
[s]strikethrough text[/s] <s>strikethrough text</s> strikethrough text
http://example.org <a href="http://example.org">http://example.org</a> http://example.org
Example <a href="http://example.com">Example</a> Example
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Go-home.svg/100px-Go-home.svg.png" alt="" />

quoted text

<blockquote><p>quoted text</p></blockquote>
(usually implemented in more advanced ways) To quote:

quoted text

Code:

monospaced text

<pre>monospaced text</pre> monospaced text
Large Text
(The unit of measurement varies with each BBCode variant and could represent pixels, points, or relative HTML sizes.) <span style="font-size:12px">Large Text</span> Large Text
Red Text
or

Red Text
or
[color:0833=FF0000]Red Text
(Both HTML color names and hexadecimal color values are generally supported, although on some boards, you must omit the # from selecting a hexidecimal color.)
<span style="color:#FF0000;">Red Text</span> Red Text
[:-)]




(And other emoticons, depending on the variant)
<img src="Face-smile.gif" alt="">

(Specific image and size vary)

Code:

BBCode    example HTML    Effect
[b]bolded text[/b]    <b>bolded text</b> or <span style="font-weight: bold;">bolded text</span>    bolded text
[i]italicized text[/i]    <i>italicized text</i> or <span style="font-style: italic;">italicized text</span>    italicized text
[u]underlined text[/u]    <u>underlined text</u> or <span style="text-decoration: underline;">underlined text</span>    underlined text
[s]strikethrough text[/s]    <s>strikethrough text</s>    strikethrough text
[url]http://example.org[/url]    <a href="http://example.org">http://example.org</a>    http://example.org
[url=http://example.com]Example[/url]    <a href="http://example.com">Example</a>    Example
[img]http://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Go-home.svg/100px-Go-home.svg.png[/img]    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Go-home.svg/100px-Go-home.svg.png" alt="" />    
[quote]quoted text[/quote]    <blockquote><p>quoted text</p></blockquote>
(usually implemented in more advanced ways)    To quote:

    quoted text

[code]monospaced text[/code]    <pre>monospaced text</pre>    monospaced text
[size=15]Large Text[/size]
(The unit of measurement varies with each BBCode variant and could represent pixels, points, or relative HTML sizes.)    <span style="font-size:12px">Large Text</span>    Large Text
[color=red]Red Text[/color]
or

[color=#FF0000]Red Text[/color]
or
[color=FF0000]Red Text[/color]
(Both HTML color names and hexadecimal color values are generally supported, although on some boards, you must omit the # from selecting a hexidecimal color.)
   <span style="color:#FF0000;">Red Text</span>    Red Text
[:-)]

:)
:smile:

(And other emoticons, depending on the variant)
   <img src="Face-smile.gif" alt="">    

(Specific image and size vary)


You'll have seen the text name using codes like;

Code:


[color=red]


However, if you don't want that shade of red, you use Hexadecimal Colouring;

Code:


[color=#f000000]


Hexadecimal is just a string of numbers to replace the word, its simple and a full list can be found;
Hexadecimal Colour List


Hope any of this has helped, if not feel free to PM me with anything you want to no.

Very nice share! Thanks +10 from me!

Very nice bit of information. Though, I would add to it <strong>something</strong> instead of using bold. Which is also a good idea for keywords if you want to add some extra weight to them for the search engines.

do you by any chance know how to make a youtube bbcode?

Title - YouTube
Tag - youtube
Replacement:

Code:

Code:

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/{param}"></param><embed src="http://www.youtube.com/v/{param}" type="application/x-shockwave-flash" width="425" height="350"></embed></object>

Example - [flash(425,350)]http://www.youtube.com/v/JFwCCL0Vh6U[/flash]


That should do it for you

You will have to fix the example for some reason it replaces it with flash, but you just put whatever you use as the tag in between the example. Nothing to it really