how to make MySpace Layouts |
![]() ![]() |
how to make MySpace Layouts |
Jul 27 2005, 09:52 PM
Post
#1
|
|
|
Newbie ![]() Group: Member Posts: 2 Joined: Jul 2005 Member No: 185,793 |
umm...Can anybody teach me how to make a MySpace layout...I will love u to death if u would...my e-mail is itsme_vivia@yahoo.com if you want to e-mail me...
|
|
|
|
Jul 27 2005, 10:13 PM
Post
#2
|
|
![]() ;) ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 11,459 Joined: Feb 2005 Member No: 99,124 |
First off you need a stylesheet, which is fairly easy to use.
CODE <style type=text/css>
body { background: ###### url(""); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color:######; scrollbar-track-color: ######; scrollbar-shadow-color: ######; scrollbar-face-color:######; scrollbar-highlight-color:######; scrollbar-darkshadow-color:######; scrollbar-3dlight-color:######;} table, tr, td {background-color: transparent; border: 0px; padding:2;} table table {border: 0px;} table table table table{border: 0px;} /*The actual modules*/ table table table {border: 1px solid; border-color: ######; background-color: ######; } /*sets the default style for the body, table data, list data, divisions and text areas*/ body,table, td, li, p, div, textarea {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;} /*class for the basic font for the page*/ .text {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;} /*style for the number of comments you have. The actual ..*/ .redtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } /*style for the number of friends you have.*/ .redbtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } /*”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style*/ .orangetext15{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;} /*”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style*/ .lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } /*”Contacting”, “Interests”, “Details”, and “Schools” title styling*/ .whitetext12{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} /*”In your extended network” style*/ .blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; } /*Stylizing of your name above your picture */ .nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;} /*date stamp on comments*/ .blacktext10{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} /*This is how all anchor points will be displayed; anchor points appear before all links.*/ a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} /*”View all friends” and “invite more” link style*/ a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} /*2 links in very top on the left, and the 13 links above your picture with make the navigation bar*/ a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} /*Default Links*/ a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;} a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} /*bolded words*/ .standard b, p b, B, strong { font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } </style> |
|
|
|
Jul 28 2005, 11:16 PM
Post
#3
|
|
|
Newbie ![]() Group: Member Posts: 2 Joined: Jul 2005 Member No: 185,793 |
whoa..thanks..your such a big help... I love u...
|
|
|
|
![]() ![]() |