Menu

Downloads

Links



All About Text



How do I change the text?

Don't forget the start tags and end tags. All the codes on this page go in between these two tags!
Start Tag
<style type="text/css">
End Tag
</style>



Text Aspects
To change the background color, use this code.

td,p,body{color:#000000;font:10pt verdana;font-weight:bold;text-decoration:underline;}


With this code, all you have to do is replace the hex code with the color you want your normal text to be. Then change the font point to what size you would like your font to be. The font weight is set to bold, you can set it to none if you would like. If you see below, you can see the different types of text decoration you can use. Or, if you don't want a text decoration, type in "none". You can also combine two commands by typing both in and leaving a space between them, such as "underline overline".

Defining Text Effects Aspects
You can set a different color and style for the bold, italic and underline text on the entire page with this code.

b, i, u{color:#000000;font-weight:bold;}


Defining Bold Effect
If you only want to define a bold effect for the page, use this code.

b{color:#000000;font-weight:bold;}


Defining Italic Effect
If you only want to define a bold effect for the page, use this code.

i{color:#000000;font-weight:bold;}


Defining Underline Effect
If you only want to define a bold effect for the page, use this code.

u{color:#000000;font-weight:bold;}




Text Properties
Now we'll go over the individual properties you can add into a text property to help define it so it looks exactly the way you want it to. Simply add these effects into your text code, or your bold code, etc. So, you might start out with your basic text code, like this:

td,p,body {
        color:#000000;
        font:10pt verdana;
}


Then, you can utilize the following properties by putting them into the code. After this properties list, you can see a completed, decked out text code!

PROPERTY OPTIONS
color: OPTION; black
#000000
etc.
font-size: OPTION; 8pt
10pt
etc
font-family: OPTION; tahoma
verdana
etc.
font-weight: OPTION; bold
none
letter-spacing: OPTION; 1px
2px
etc.
word-spacing: OPTION; 5px
10px
etc.
line-height: OPTION; 1px
2px
5px
etc
text-align: OPTION; left
right
center
text-decoration: OPTION; none
underline
overline
blink
line-through
text-transform: OPTION; uppercase
lowercase
capitalize



And, at the end of playing around with the codes, you may have something that looks like this:

td,p,body {
        color:#000000;
        font:10pt verdana;
        font-weight: bold;
        letter-spacing: 2px;
        text-transform: lowercase;
        text-decoration: none;
}



Position Text
To position text anywhere you want on the page, use this code. Change the "top" value in pixels to how far from the top of the page the text should appear. Set the "left" value in pixels to hor far from the left of the page the text should appear.

<b style=position:absolute;left:0;top:0;font-family:verdana;font-size:8pt;></i>TEXT HERE</b>