Kreative Flow Designs
Thanks for visiting Kreative Flow. You'll recieve the best tutorials, resources and graphic information here.

Do register if you are a guest for exclusive content only for members!


BBC/HTML

View previous topic View next topic Go down

BBC/HTML

Post by Pheonix on Sun 15 Mar 2009, 10:38 am

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
[:-)]

Smile
😄

(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.

Pheonix
New Member
New Member

Number of posts : 10
Flow Points : 0
Reputation : 0
Warnings :
0 / 1000 / 100

Mood :

View user profile

Back to top Go down

Re: BBC/HTML

Post by Adil on Sun 15 Mar 2009, 10:46 am

Very nice share! Thanks Smile +10 from me! Very Happy

_________________
Three R's. Read all forum rules. Respect all members, Report all problems!



avatar
Adil
Founder
Founder

Number of posts : 2488
Flow Points : 3875
Reputation : 43
Warnings :
0 / 1000 / 100

Mood :

View user profile http://www.kreativeflow.net

Back to top Go down

Re: BBC/HTML

Post by Cerberus on Sun 15 Mar 2009, 12:04 pm

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.
avatar
Cerberus
New Member
New Member

Number of posts : 7
Flow Points : 1
Reputation : 0
Warnings :
0 / 1000 / 100

Mood :

View user profile

Back to top Go down

Re: BBC/HTML

Post by theboss on Sun 15 Mar 2009, 1:07 pm

do you by any chance know how to make a youtube bbcode?
avatar
theboss
Gold Member
Gold Member

Number of posts : 175
Flow Points : 110
Reputation : 2
Warnings :
0 / 1000 / 100

Mood :

View user profile http://forums.sw-gm.com

Back to top Go down

Re: BBC/HTML

Post by Cerberus on Tue 17 Mar 2009, 12:05 pm

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 Smile

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
avatar
Cerberus
New Member
New Member

Number of posts : 7
Flow Points : 1
Reputation : 0
Warnings :
0 / 1000 / 100

Mood :

View user profile

Back to top Go down

Re: BBC/HTML

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top

- Similar topics

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