|
1|2|3
How do I design my Ezboard profile? (for ezSupporters only)
The text fields are relatively straightforward. However, customising the font and colors is a little more complicated, as you have to use CSS, or Cascading Stylesheets.
After you've figured out the code, enclose it like this and put it in the 'Hobbies' section of your proile:
<style type=text/css>
<!--
Styles go here
-->
</style>
Each line must be ended with a ';' or a '}', if it's the last line. Don't forget, of it will get all messed up...
Here's a sample that will be explained after each main segment. (Note: Fields within []'s are values and should not be in the script)
a:link {
color:#000000;
text-decoration:value [none, underline, overline, line-through, blink];
background:url(bg.gif) #000000;
cursor:value [default, text, help, wait, crosshair, resize, move, n-resize, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize] }
a:hover {
color:#000000;
text-decoration:value [none, underline, overline, line-through, blink];
background:url(bg.gif) #000000;
cursor:value [default, text, help, wait, crosshair, resize, move, n-resize, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize] }
a:active {
color:#000000;
text-decoration:value [none, underline, overline, line-through, blink];
background:url(bg.gif) #000000;
cursor:value [default, text, help, wait, crosshair, resize, move, n-resize, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize] }
a:visited {
color:#000000;
text-decoration:value [none, underline, overline, line-through, blink];
background:url(bg.gif) #000000;
cursor:value [default, text, help, wait, crosshair, move, n-resize, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize] }
This entire section describes the a property, or link.
a:link- normal link
a:hover- link when the cursor is over it
a:active- link when clicked
a:visited- link that has been visited
text-decoration can have many different values, which can be combined as well. Here they are:
- underline
- underline overline
- overline
- line-through
- none
- blink (Netscape only)
The color property defines the color of the link at whichever stage it is at. Replace #000000 with whatever color you wish.
Background gives your link a background, either image of color, although I don't quite see why you'd do that. You can also add borders here, which is explained later.
The cursor is another property good for changing in a:hover. Default would be the user's normal cursor, text is the cursor you see when you put your mouse over any text on this website, wait is the infamous hourglass, etc, etc. If you aren't sure, just try 'em out.
Next
|
¤Ranks
¤Rank Priviledges
¤Giftings
¤Items
¤Levels
¤Level giftings
¤Character Pics
¤Special
¤RP Dictionary
¤Referrals
¤Rules
¤Help
¤Links
|
