ok big update to the tutorial... this is curticy of "TheJoker" from the ADJL FF (hes long gone so i figured it didnt matter any more)
sary its a littel in compleet, but i dident feal like spending the time to fix up stof that dosent get coppyed in the transfer
for the compleet guid pleas vissit
American Dragon Fan Form's UBBC TutorialWhat is UBBC?
UBBC is a simple and easy to learn programming language.
You can use it to "program" your posts to do different things.
This is the UBBC panel. The Headquarters of all the different features at your disposal.
Now... How do you program your posts?
It's easy, highlight your text and click a UBBC Button.
When you do, two UBBC Tags will appear. These Tags tell your browser how to display the post. Here is an example of what the tags look like.
These Tags are used to make your text Bold.
The first tag (
) is called the start tag. The second tag () is called the end tag. The end tags ALWAYS have a "/" in them.
''How do I use these tags to make my text bold?"
Like this... You place the your content between the tags.
Example:
This text is boldThe End Result: This text is bold
FAQ about UBBC
"Can I use UBBC in a PM?
Yes, a PM is the same as a post, except it is only viewable to those you choose.
"Can I use UBBC in my signature?"
Yes you can. But remember your limited to 400 characters, so watch out on how many tags you use.
"Do I have to highlight my text when using UBBC?"
No you can enter it manually. I usually enter it manually, because it allows for more precise programing.
"I entered my UBBC manually and it didn't work... WHY?!"
You probably didn't enter it right. Make sure your end tags have a "/" at the end, and that you nested it correctly. ONLY USE "[ ]" brackets in your UBBC. "( )" brackets and "{ }" brackets will not work in UBBC.
Understand? Good, now, the rest of this tutorial, will teach you what each individual tag does. If you have further questions, feel free to PM me.
Tutorial Jump
Basic Element Tags
Text Tags
URL & Link Tags
Image Tags
Table Tags
Advan ced Element Tags
DO NOT COPY THIS IN ANYWAY SHAPE OR FORM this is MY Tutorial and it can only be redistributed with MY permission.
This thread is copyright to ? ? The Joker ? ? and protected by The American Dragon:Jake Long Fan Forum Anyone found to break this copyright notice, will have their forum reported for a TOS Violation and IP/account banned or disabled.
Basic Element Tags
(These are your basic tags, you will probably use these the most.)
This is the "bold" tag
Content This is the "Italic" tag
Content This is the "underline" tag
content This is the "strikethrough" tag
ContentThis is the "Glow" tag
[glow=red,2,300]Content[/glow]
NOTE: This feature only works on Internet Explorer.
This is the "Shadow" tag
[shadow=red,left,300]Content[/shadow]
NOTE: This feature only works on Internet Explorer.
This is the "move" tag
You can combine these tags by nesting them like this>
(example: Content)
ContentMAKE SURE YOU NEST YOUR TAGS RIGHT!
Mirror the start tags order! (Basicly make the end tags order the opposite of the start tags.)
what not to do...
Content[/u][/i]
Although it does usualy work... it can glitch up on cetain browsers... it's more beneficial to do it right!
The Correct Way...
Content Text Tags
(These are the "Text" Tags. They're used to modify the way your text is shown.)
This is the "pre" tag
Content
This is the "left" tag
Content
This is the "center" tag
Content
This is the "Right" tag
Content
--------------------------------------------------------------------------------
This is the "Horizontal Ruler" tag
this is the only single UBBC tag.
This is the "size" tag
ContentYou can use this to increase the size of your text.
Do not abuse this feature by making your text ridiculously huge
This is the "face" tag.
ContentYou use the face tag (Also know as the "Font" tag) to change the font in your post.
This is the "block quote" tag
Content
The "Block Quote" tag indents your sentance for you and puts a table around it.
It's generally used if you post an article from a news website.
URL & Link Tags
(These Tags are very usefull, you'll probably use them frequently.)
Okay there are TONS of ways to use these tags.
These tags are used, to turn your text into a "hyper link" URL.
Test URL
Test URLNaturally, clicking this in it's current state will take you nowhere.
Heres how to use it, correctly.
AD:JL FF HOME PAGE
AD:JL FF HOME PAGEYou need to add a "=" in the start URL tag. (
)
Then add the url you want to re-direct someone to, after the "=" sign.
Next add the text you want the other users to see, between the URL tags. ( TEXT GOES HERE )
This is called, a "hyper link".
using
tags will open a link in a new window.
To open a page in the same window use
tags.
It's the same process. Click here to test the link tags
This will open this same thread and bring you down to this post, in the same window.
Now you can use text in your hyper link... or you can use an image.
You can now click this image to go to,
blackopforums.proboards76.com .
How did we do that? Like this:
That was a hyper link displayed with an image, instead of text.
To do this you need to place the URL, to the image of your choice between
the
[/img] Tags.
You can use an IMG URL with both
tags and
tags
These are the E-mail tags. They're similar to the URL tags.
You use these tags to post your email.
Your e-mail addresspbtutorials@gmail.com
When you click this, it will open your email program, and load a new message with this email in your "to" text area.
This is the "FTP" tag. DO NOT USE IT!
The
tags replaced this a long time ago.
There is no reason to use this tag EVER.
Image Tags
(Posting images and resizing them in your posts.)
To post a pic in a post, you'll need to do the following.
First, sign up to a file hosting site that converts your uploaded files into URLS.
I like to use
photobucket.comNext, copy and post the URL to the image, of your choice between
[/img] tags.
This will display the image in your post.
To resize the image in your posts use these modified IMG tags.
URL TO IMAGE[/img]
150x150 smilie
X is the size in pixels
you can use it to make small images larger, or stretch them in one direction.
It can also be used to make big pics smaller, but it's best to resize huge ones in an image editor as using the method above (attributes) means the full image still has to load.
Also if your host doesn't provide
formated pics
then enter
URL OF PIC[/IMG] . This will make it so you can display your pic,
instead of clicking a link.
Table Tags
(Heres how to use the Table Tags.)
The basic table with row and cell tags. you need this to start a table.
This is the 'row' tag, use it inside the table code to start a new row vertically
[tr][/tr]
This is the cell tag, use inside a row to make more cells horizontally
[td]CONTENT[/td]
an example table
box 1 | box 2 | box 3 |
box 4 | box 5 | box 6 |
box 7 | box 8 | box 9 |
the above example gives you
box 1 box 2 box 3
box 4 box 5 box 6
box 7 box 8 box 9
as you can see in the table, the content goes between the cell tags [td]CONTENT[/td]
you should also have the same amount of cells for each row.
layout of your code isn't too important, but i find the above method easy to follow. (rows below each other and cells side by side) at least till you get used to it
Example of simple table:
This is a simple table
But if you write too much and your table is ENORMOUS then simply use the "move" tag.
THIS IS A MOVING TABLE
by adding
tags you can make your table small and have lots of text scroll on by
Advanced Element Tags
(These are the last of the tags.)
this is the "sup" tag
ContentThis is the "sub" tag
ContentThese two tags can be combined, like so:
1/4
1/
4This is the "teletype" tag
ContentCode: This is the "code" tag
Content
The code tag, disables ALL UBBC within it's tags.
This will mostly be used by me for teaching purposes.
Quote: This is the "quote" tag
Now you could use this Button. But the UBBC Button is normally used if you forget to quote someone.
This is the "list" tag. It's used to order your text and make a list.
List 1
List 2
List 3
Lastly is text color.
To change the color of your text, highlight it and select a color from the pull down bar.
This will wrap your text in
tags.
Example: This Text Is Red
This Text Is RedYour not just limited to this pull down window either.
You can also use Hexadecimal colors in place of the name.
Colored Text
Colored Text *phew*
This concludes our tutorial. If you have any questions, make a thread and post your question on the support board, or you can pm me. Oh yeah, I bet your wondering how I did this with out having the UBBC activating. Just add UBBC TAGS HERE