Wrighty vForums.co.uk Moderator
   
| | UBBC Guide (28th Jan 08 at 8:32pm) | | UBBC Buttons:
 This button allows you to make text BOLD. This is done using the tags: [b][/b]. Any text that is between the two tags will turn bold. [b]This is bold text[/b] = This is bold text
 This button allows you to make text underlined. This is done using the tags: [u][/u]. Any text that is between the two tags will be underlined. [u]This is underlined text[/u] = This is italicized text
 This button allows you to make text italicized. This is done using the tags: [i][/i]. Any text that is between the two tags will be made italics. [i]This is italicized text[/i] = This is italicized text
 This button allows you to make text strikethrough. This is done using the tags: [s][/s]. Any text that is between the two tags will be strikethrough. [s]This is strikethrough text[/s] = This is strikethrough text
 This button allows you to make text various sizes. It is done by using the [size=x][/size] tag, where x can be a number. Size=2 would be the default text size for posts.[size=6]Huge Text[/size] = Huge Text
 This button allows you to make text different colors. It is done by using the [color=x][/color] tag, where x can be a various array of colours such as: red, green, yellow, blue, you may also enter a hex number: FF0000.[color=orange]Orange Text[/color] = Orange Text
 This button allows you to make text different fonts. It is done by using the [font=x][/font] tag,.[font=times]Times New Roman Text[/font] = Times New Roman Text
 This button simply makes inserted email addresses into email links using the tags [email][/email] eg. support@vforums.co.uk. [email]support@vforums.co.uk[/email] = support@vforums.co.uk
 This button simply turns posted links into clickable links. This contains a hidden = feature, that allows you to name the link. [url=http://vforums.co.uk]vForums Home[/url] = vForums Home
 This allows you to post images in your post, using the tags [img][/img];. Of course the image has to be hosted somewhere on the internet. I am using this tag to post the images of the UBBC buttons. Also, it contains width and height attributes so that you are able to resize it. [img width=100 height=100]http://virtualforums.co.uk/images/img.gif91;/img] = 
 This button simply makes it so that you can make text and anything within the tags move, using the tags [move][/move93; To move some text to the left the following would be used: [move]This is moving Left[/move] =
 This tag [hr] simply inserts a horizontal line that spans the whole width of the page.
 This tag [pre][/pre]; posts the text that is within the text with the same number of spaces etc.. as are put in. For Example: [pre]This is spaced[/pre] = This is spaced
These 3 tags align the text in different places, center, left & right respectively. The tags are simple too, for Example: [center]Center Text[/center] [left]Left Text[/left] [right]Right Text[/right]Center Text
Left Text
Right Text
The image explains what these two do. One gives Superscript text, the other gives Subscript text. Example: [sup]Superscript[/sup] and [sub]Subscript[7;sub] = Superscript and Subscript
This gives you a blockquote. This is in essence an indented block of text. All of the descriptions that I have included in this post are within blockquotes so I wont include an example. The tag is however: [blockquote][/blockquote]
The code tag, this is a favourite of any coders that are out there, mainly because it doesn't allow ANY ubbc or smilies to be parsed (shown) therefore allowing codes to be posted fine. It's another simple tag ... with a cool outcome. Tag: [code][/code] A simple example:
| Code:Select All | <script type="text/javascript">/*A simple Code Example*/alert(':P Some Smiley.');</script>
|
This is the quote tag, normally used when you want to 'reply' to something someone has said a couple of posts back. Or I use it when citing things from other sites etc.. I think an example would show this best... After the tags that is: [quote][/quote] Quote:
Finally, the 3 buttons that take most explanation:
  
These buttons help you to construct tables in your post. If you have a simple understanding of HTML Tables then chances are that you will be able to work out how these work.
To create a simple one celled table all you need is [table][tr] 1;td][/td;][/tr][47;table]
This will allow you to put something like:
As you can see the text we want to show appears in the cell or to give it a 'cool' name... the TD.
A break down of each attribute: [table] = This is to show that you're creating a table. The table wont appear if this is omitted. [tr] = This is each row. For each row you want in the column, you need to insert a new [tr] [td] = This is for each cell. The text you want to show simply appears between this tag and it's closing tag.
Simple Tables: 3 x 3 Table [table] [tr][td]1[/td][t100;]2[/td 3;[td]3[/td][/tr] [tr][td]4[/td][t100;]5[/td 3;[td]6[/td][/tr] [tr][td]7[/td][t100;]8[/td 3;[td]9[/td][/tr] [/table]
[this contains 3 TRs (giving 3 rows) and 3 TDs in each row, to give the 3 x 3.
Table UBBC is used rarely, unfortunately there isn't any other attributes that you can add to the table tags. However, you can use the UBBC codes mentioned before within the TD tags. | | Back to Top - Link to Post - Last edit: 29th Jan 08 at 7:23pm by Wrighty |
|