for the search, my way to preload images! haha

Search for in

Stylizing the name with borders.

MySpace Website Tutorials | Submited Nov 15, 2007

Written by: User Picture..

This code will allow you to add stylized borders to your name, about me, info, etc.
{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.

tags Tags: myspace stylizing name borders

4Thumbs up  Thumbs down0

Related Tutorials
Stylizing the name with borders.
Poster Friends Space
CSS Borders
PSP: Adding Icons to Images
Triple Backgrounds
10 Comments
  User Picture.. ~ 09/21/08, 4:18am
Picture..
Awesome I have been looking for this! Thank you!!
  User Picture.. ~ 07/30/08, 8:26am
Picture..
[yay] i love this!! I am using this for all my mp layouts now!!
  User Picture.. ~ 07/29/08, 5:16pm
Picture..
You put the code under the text section you want to add it.
  User Picture.. ~ 05/23/08, 2:33pm
Picture..
Where do you put this code at?
  Sue ~ 05/23/08, 10:49am
Picture..
great!
  User Picture.. ~ 03/31/08, 10:43am
Picture..
I tried using this and couldnt get it to work? Wonder what im doing wrong? Where at do i put the code in the layout? Im using this on a myspace layout. Right?
  User Picture.. ~ 02/29/08, 10:36pm
Picture..
great i have been looking for this [lol]
glad its here now ill try 2 c if i can do it if not can i contact u for help???
  User Picture.. ~ 01/15/08, 4:15pm
Picture..
ive been looking for this!! can you put in a image as the background to these if so do you know the code? [smile]
  Angel ~ 01/01/08, 4:29pm
Picture..
where do you put the code?
  ERROR ~ 11/17/07, 1:53am
Picture..
Swweeet, can't wait to use this one tomorrow! [yay] [jumping]

1 


Sorry, you have to be a member to comment tutorials