Stylizing the name with borders.

MySpace Website Tutorials | Submited Nov 15, 2007

Written by:

{color:6f6f6f;
font-family:verdana;
size:26px;
line-height:23px;
text-align:center;
letter-spacing:5px;
text-transform:lowercase;
background-color:6f6f6f;
display:block;
border-top-width:2px;
border-color:000000;
border-style:dashed;
border-bottom-width:2px;
border-left-width:0px;
border-right-width:0px;font-weight:bold;}

You can obviously see there is things you can change. Nothing to it really :)

{color:6f6f6f;

This section, just change the numbers to the color you wish to use.

font-family:verdana;

This section, just change it to the font you are using.

size:26px;

This is the size of the font you want.

line-height:23px;

Line height, self-explanatory.

text-align:center;

You can align it to left, right, or center. Again self-explanatory.

letter-spacing:5px;

This is how many spaces you want between each letter.

text-transform:lowercase;

This is what type of text you want. This can be changed to uppercase, or none as well.

background-color:6f6f6f;

Color of the background you want.

display:block;

Here's a link to help you with this http://www.w3schools.com/css/pr_class_display.asp

border-top-width:2px;

This is the size of the top border.

border-color:000000;

Color of the border. Just change the numbers to the color code you want.

border-style:dashed;

This is the style of the border. Can be changed to dotted, dashed, solid, ridge, double, inset, or outset.

border-bottom-width:2px;
border-left-width:0px;
border-right-width:0px;

These are the size of the border you want on the bottom, left, and right sides of it.

font-weight:bold;

This is if you want the text bold, italic, underlined, and so forth.