MENU: Text styles | Text size options | Text color options | Images | Links | Quotes | Lists | Code
A lot of todays forums do use PHPBB3, a program environment made for forums, easy to access and to configurate.
Depending on which functions have been unlocked or added by the admins, you have to use the corresponding commands usually refered to as BBCode
BBCode has always the same syntax. It's the command in square brackets. And you always need a start and end bracket so the forum knows when to apply a certain command and for what.The end bracket is usually the same as the start command but with a slash in front: [command]text[/command]TEXT STYLES
The Petopia forum lets you apply 7 different styles to your text. These are:
- bold text (command: b)
- italics (command: i)
- underline (command: u)
- superscript (command: sup)
- striked text (command: strike)
- text color (command: color)
- text size (command: size)
Here are some examples and how to achieve them:This line will be printed bold.This line will be printed in italics.This line will be printed underlined.This line will be printed striked.
The last word in this line will be printed superscripted.This line will be printed in red.This line will also be printed in red.This line will be printed with smaller characters.This line will be printed with larger characters.
[b]This line will be printed bold.[/b]
[i]This line will be printed in italics.[/i]
[u]This line will be printed underlined.[/u]
[strike]This line will be printed striked.[/strike]
The last word in this line will be printed [sup]superscripted.[/sup]
[color=red]This line will be printed in red.[/color]
[color=#ff0000]This line will also be printed in red.[/color]
[size=70]This line will be printed with smaller characters.[/size]
[size=140]This line will be printed with larger characters.[/size]
Please note that the style will only
be applied to the text between the bracket commands
Of course, styles can be combined. You can have a bold text in red that is striked! Look: You can have a bold text in red that is striked!
But you have to make sure the end commands are in a reverse sequence
than the start commands. If you start with a bold command, you'll have to end with a bold command too.
Look: [b][strike][color=red]You can have a bold text in red that is striked![/color][/strike][/b]
While bold, italics, underline, strike and supersript are just basic functions, some commands do have the possibility to add some options, like color or size do.TEXT SIZE OPTIONS
If you add "=xx" to the size start command (where xx is a number), you'll tell the forum how large you want the characters of your text to be.
Basically you're using percentage numbers. size=100 is the normal font size of the forum. size=200 will double the font size while size=50 will half the size of the charakters.
Size=200 is the maximum set for these forums.You can actually make text grow in one line
if you use the size command correctly!
[size=50]You[/size] [size=70]can[/size] [size=90]actually[/size] [size=110]make[/size] [size=130]text[/size] [size=150]grow[/size] [size=170]in[/size] [size=190]one[/size] [size=200]line[/size] if you use the size command correctly!TEXT COLOR OPTIONS
Colors can be chosen in three ways: Click on the color you want to use in the color table on the right when you write a post, type in the name of the color or type in the exact color code in hexadecimal numbers with the color command.Color by Names
There are about 140 different names of colors that modern browsers will interpret. The full list can be seen here: w3schools: color names
Examples: color=red, color=blue, color=lightgreenColor by Numbers
The chosen color can be decribed by a hexadecimal number. This may sound odd to some but with hexadecimal numbers you have more than just 10 digits. You have, in fact, 16 digits. They start with 0 and go up to 9 as usual but then extend to the letters A to F. So counting in hexadecimal goes like this: 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 1A, 1B, 1C, 1D, 1E, 1F, 20 and so on.
Colors are chosen by a form called RGB, standing for RED|GREEN|BLUE
. Other than colors on your palette when painting, with computers you mix light instead of colors. While you mix blue and yellow to get green, with light you mix red a green to get yellow. It's easier to understand if you look at this diagramm:
The number you will use to choose colors consists of six digits, 3 2-digit groups telling the forum which amounts of red, green and blue light to mix on your display. 00 is no amount of the color and goes up to FF for the full amount of the color. If you use 000000 you'll have no amount of any light which results in black. FFFFFF instead is the full amount of all three colors and results in white. I know, this is very complicated if you're not used to it. But it's not that hard to understand, I promise!
If you are using RGB codes, you have to have a # in front of the number, so the forum knows that an RGB command will follow.
color=#00ff00 is the syntax.
color code - result
000000 - XXXXXXXXXXX
| 7030A0 - XXXXXXXXXXX
FFFFFF - XXXXXXXXXXX
| 308010 - XXXXXXXXXXX
FF0000 - XXXXXXXXXXX
| C0C0C0 - XXXXXXXXXXX
00FF00 - XXXXXXXXXXX
| FF00FF - XXXXXXXXXXX
0000FF - XXXXXXXXXXX
| FFFF00 - XXXXXXXXXXX
00FFFF - XXXXXXXXXXXIMAGES
There is a command called IMG
. Between the start and end command must be the URL or link to the picture you want to post.
So the command
will display the image found on this link between the brackets.
How do you get the link to a picture? Well, whenever you see a picture you want to post here in your browser, just right-click it and choose "Copy image adress" (Or Copy image location? My WIndows is in german!) This is the link you will need. Just insert it between the IMG-commands by having your cursor there and press CTRL-V or right-click between the commands and choose "Paste".
If you want to post a picture that is on your hard drive and not on the web, it get's a bit more complicated. Your computer isn't accessible by the internet so the picture has to be uploaded to the web. You can host your pictures on countless pic hoster services, most of them are free. Or you can upload it directly with your post.
To do that, there is a possibilty to attach the file to your post. Below the textbox there is a section where you can browse your computer and when you've chosen the image, click on "Add the file". There should be a popup window showing the upload. The file is then attached to your post and hosted on Manias server and webspace. If you preview your post, you'll see the attachment at the end of your post. If you right-click the attachement link, choose "Open in new window" the image will be displayed in a new browser window. In the adress bar will be the link. Just copy it and insert it between IMG commands and you'll see it in your post.
I have described all three posibilities in a YouTube video I made for this. Plase keep in mind that I'm a German and english is not my first language. Click here to see it: How to post pictures in the forumsLINKS
Usually, forums are able to identify a link you entered in your text and will display them as links. They will work when you click on them. The correct way to add a link to your post would be by using the url command.http://www.wow-petopia.com/
http://www.wow-petopia.com/ | [url]http://www.wow-petopia.com/[/url]
As you can see, both ways will have the same result. So why even bother to use the url command? Because it has more up it's sleeves than you might think!
You can actually hide the sometimes very long links and have instead a word displayed. just add a = and the link to the start command and you will get something like this: PETOPIA
So only the word between the commands will be displayed but will still be a working link.
But wait, there is more! If the forum will display everything between commands and still make it a clickable link, would this also work with images? Of course it does!
Click the heart!
Click the heart! [url=http://www.wow-petopia.com/][img]http://forums.wow-petopia.com/images/icons/better/heart_1.png[/img][/url]
Please note that you may use an image and text together for a link, just like I did with the link to my video in the images section of this post. And of yourse you may apply all style commands to textlinks as well!
Please also note that you can always see the link you're gonna click on in the bottom left corner of your browser window while hovering with the mouse ponter over the link but not cklicking it. This should also work on any oher website, not only these forums.QUOTES
Sometimes you want to reply to a post and to make sure that everyone knows what you talk about, you want the other post completely or partly qutoed in your post.
Usually, you would use the 'QUOTE' button instead of the 'REPLY' button and the forum will already have the quote in your new post. But sometimes you may want to quote only parts of another post or maybe quote something you found on a completely different website. You can choose to have the original author of the quote shown and even write in there whatever you want by add text in quotation marks to the quote command. Like this: quote="Whoever wrote this" will result in
Whoever wrote this wrote:
Here are some more examples of quotes and how to make them.
I am writing a technical help for forum use.
I am writing a technical help for forum use.
Mount Vesuvius (pronunciation: /vᵻˈsuːviəs/; Italian: Monte Vesuvio [ˈmonte veˈzuːvjo], Latin: Mons Vesuvius [mõːs wɛˈsʊwɪ.ʊs]; also Vesevus or Vesaevus in Roman sources ) is a stratovolcano in the Gulf of Naples, Italy, about 9 km (5.6 mi) east of Naples and a short distance from the shore.
[quote]I am writing a technical help for forum use.[/quote]LISTS
[quote="Karathyriel"]I am writing a technical help for forum use.[/quote]
[quote="Wikipedia"]Mount Vesuvius (pronunciation: /vᵻˈsuːviəs/; Italian: Monte Vesuvio [ˈmonte veˈzuːvjo], Latin: Mons Vesuvius [mõːs wɛˈsʊwɪ.ʊs]; also Vesevus or Vesaevus in Roman sources ) is a stratovolcano in the Gulf of Naples, Italy, about 9 km (5.6 mi) east of Naples and a short distance from the shore.[/quote]
Sometimes you want to make a list of stuff. The forum knows two kinds of lists: Unordered and ordered lists. While unordered lists will only display a small dot for each new entry, the ordered list will use some kind of counter. For the unordered list, you will use the list command, for any ordered list you need to use the list= command and add the sort of counter you want to use in your list. The forum software will identify the proper kind of counting while you use numbers, letters or roman numbers. Each list item will be defined by placing the * command in front of it. Please see the examples:
Of course, you can stack multiple lists into each other if needed:
In order to show you how to achieve all these styles and commands, I used a special command: code
This command will tell the forum to not actually use the commands but display them as text in a box, as seen above.
everything between the [b]code commands[/b] will [u]not be interpreted[/u] but shown as [i]plain text.[/i]
[code]everything between the [b]code commands[/b] will [u]not be interpreted[/u] but shown as [i]plain text.[/i][/code]
This should be covering the functions of the Petopia forums. I really hope this helps a couple of people out there.
If there is something unclear or you got some more question, please feel free to post your question here or PM me.