The page will teach you how to customize any text on your proboard using css.
The text on your proboard can be divided into:
- the body text (news, info center text, additional info box text, any text you put outside the forum tables);
- window one text (all text in window one cells, ex. - window one cells on the index page are cells containing post indicators and posts/topic numbers);
- window two text (all text in window two cells, on the index page - cells containing board description and last post information);
- welcome table text (ex. hey guest, log in or register)
- title text (ex. Info Center)
- category text (names of the categories)
You can edit all mentioned text classes using this page.
What can you actually do? Knowing the class of the text you want to edit, the list of attributes and values and the scheme how to edit, you can do whatever you want.
The scheme:
<style type="text/css">
element
{
attribute: value;
attribute: value;
attribute: value;
}
</style>
The code goes into the header of the page.
Classes: so as I have already mentioned there are 6 classes of text.
the body text = body
window one text = .windowbg
window two text = .windowbg2
welcome table text = .welcomebg
title text = .text1
category text = .cattext
Please use the list of attributes and values below
Attribute: font-family
Determines what font will be used to show the text on the page. You can enter any font you like.
Note: the visitors might not have the font you entered on their engines, then your page will look twisted. To avoid this enter several fonts separated by commas. First enter the font you like, then the other fonts you want to be displayed if a visitor doesn't have the first entered font on the pc, I advise you to include most common fonts like Arial, Times New Roman and other in the list. They are the most common and almost everyone have them.
It would be good to put a text somewhere on your page informing what font a visitor has to download in order to get the best view of the page.
Possible values: any font name entered without mistakes.
Attribute: color
The color of the text.
Possible values: html codes of colors. However there are certain color that can be entered by typing the name of the color as well. See "help with colors".
Attribute: font-size
The size of your text.
Possible values: enter the size in px or pt, ex. 14pt; also you can enter the following values: larger, xx-small, x-small, small, medium, larger, x-large or xx-large.
Attribute: font-style
Speaks for itself. Nothing to explain.
Possible values: normal, italic, oblique.
Attribute: font-weight
Speaks for itself as well.
Possible values: normal, bold, bolder, lighter.
Attribute: text-decoration
Decorate your text and make it stand out.
Possible values: underline, overline, line-through, none.
NOTE: for this attribute you can use more than one value,
ex.
text-decoration:
overline, underline;
These aren't all attributes, but they are the most important.
So how to customize? Simple: use the scheme, just enter the text class instead of element and attributes with values. That's all.
See an example below
<style type="text/css">
.windowbg2
{
color: 008500;
font-weight: normal;
}
</style>
The example above customizes the window two text.
submitted by: Sniper
|
