|
1|2|3
How do I design my Ezboard profile? (con't)
body {
background:url(bg.gif) #000000;
background-repeat:value; [repeat, no-repeat, repeat-x, repeat-y]
background-position:value value2; [top, center, bottom, percentage, pixel number; value2: right, center, left, percentage, pixel number]
background-attachment: value; [scroll, fixed]
font-family: value; [any font eg. Arial, Verdana, Courier]
color: #000000;
font-weight:value; [lighter, normal, bold, bolder, number]
font-size:value; [xx-small, x-small, small, medium, large, x-large, xx-large, number]
letter-spacing:xpt;
word-spacing:xpt
direction:rtl; [reverses the whole webpage, but may mess up stuff a little unless everything is centered]
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-face-color:#000000;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-arrow-color:#000000;
cursor:value }[default, crosshair, help, wait, hand, auto, text, n-resize, s-resize, e-resize, w-resize, ne-resize, etc]
This part describes the <body> tag. The first bit is about the background which will show behind your tables. If you don't want an image, just use the background:#000000; line and get rid of the rest, which only apply to images.
Next we have the font properties. I've split them up so its easier to read, but you can combine them to be font:size weight face;, or as an example, font:14pt bold italic Verdana;. You don't have to include letter and word spacing if you don't want to, though.
I do not suggest using direction:rtl; unless you really, really want to stand out. And just for the sake of it, it means 'direction:right to left'.
Next is the colors of the scrollbar. They are placed in the traditional color gradient style; that is, 3dlight is normally the lightest, and darkshadow the darkest. You don't have to stick to it, of course, but that's the gradient for the colors of your scrollbar, normally. But you don't absolutely have to stick to it, thankfully. :D
Next is the cursor, which you have heard about before. So...Go on, willya?
table, td, tr {
background:url(bg.gif) #000000; (or background:invisible)
color:#000000;
font-family:value; [any font name]
font-weight:value; [lighter, normal, bold, bolder, number]
font-size:xpt;
letter-spacing:xpt;
word-spacing:xpt;
padding-left:xcm;
padding-right:xcm;
padding-bottom:xcm;
border-top:value #000000; [solid, dashed, double, dotted, groove, ridge, inset, outset]
border-right:value #000000; [solid, dashed, double, dotted, groove, ridge, inset, outset]
border-left:value #000000; [solid, dashed, double, dotted, groove, ridge, inset, outset]
border-bottom:value #000000; [solid, dashed, double, dotted, groove, ridge, inset, outset]
border-top-width:xpx;
border-right-width:xpx;
border-bottom-width:xpx;
border-left-width:xpx;
text-align:value; [center, left, right]
cursor:value }
Now comes the important part; the tables. Everything on your profile page is in tables. Basically most of the stuff in 'body' are repeated here, so they won't need much explaination. For easier reading, try just using a solid color for table background and an image for the body. Turns out neat. Of course you can make it invisible, too. Padding refers to how far your text is from the table borders. Be sure to put a value if you're having borders.
AS for borders, there are plenty of styles to choose from, though most people would use the traditional solid. If you don't want table borders, just put them all as 0px. And I do not think I must repeat the cursors. Again.
Next
|
¤Ranks
¤Rank Priviledges
¤Giftings
¤Items
¤Levels
¤Level giftings
¤Character Pics
¤Special
¤RP Dictionary
¤Referrals
¤Rules
¤Help
¤Links
|
