MySpace CSS Templates, 4 main page, 2 blog page Options

[moorepocket]

<span style='font-size:11pt;line-height:100%'>MAIN PAGE CSS (LONG VERSION)</span>

here the myspace css. If you know css, you can manipulate.

It's very easy to use.

There are /* comments */ throughout the css, so you should be able to edit without killing yourself. hehe.

CODE

<style>
{sets the default style for the body, table data, list data, divisions and text areas}
{ body, well you know what that is}
{ div, p, and xmp are classes}
{ table, tr, td, and th are table properties}
body,div,p,xmp,table,tr,td,th{
background-color:000000;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:CCFFFF;
scrollbar-face-color:CCFFFF;
scrollbar-highlight-color:CCFFFF;
scrollbar-darkshadow-color:CCFFFF;
scrollbar-3dlight-color:CCFFFF;
font-family:tahoma;
font-size:8pt;
color:CCFFFF;
border:none;}

input, select, textarea, .textfield, .button {
font-family:tahoma;
font-size:8pt;
color:FFFFFF;
border: 1px dashed FFFFFF;
background-color:transparent;
text-align:center;}

{ TEXT DEFAULTS }
{class for the basic font for the page}
.text {
font-family:tahoma; font-size:8pt; line-height:10pt; color:CCFFFF;text-align:justify;}

b,i,strong,em,u,s {
font-family:tahoma; font-size:8pt;color:FFFF00;font-weight:normal;cursor:help;}

{style for the number of friends you have.}
.redbtext{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF;border:0px solid FFFFFF; }

{repeat of the style for how many comments you have}
.redbtext{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF; border:0px solid FFFFFF;}

{"Blurbs", "About Me", "Who I’d like to Meet", "Friend Space", and "Friend’s Comments" style}
.orangetext15{font-family:courier new; text-transform:uppercase; font-size:11px; color:FFFF00; font-weight:bold;background:000000; border:0px solid FFFFFF;text-decoration:underline;}

{"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:courier new; text-transform:uppercase; font-size:11px; color:FFFF00; font-weight:bold;background:000000;border:0px solid FFFFFF;text-align:right;}

{"In your extended network" style}
.blacktext12{font-family:courier new; font-size:16px; color:FFFF00; font-weight:bold;text-decoration: underline; text-transform:uppercase;}

{"Contacting", "Interests", "Details", and "Schools" title styling}
.whitetext12{font-family:courier new; font-size:16px; color:CCFFFF; font-weight:bold;text-decoration: underline; border:0px solid CCFFFF; text-transform:uppercase;}

{Stylizing of your name above your picture; appears you can’t change the color of your name from here. Suggestions?}
.nametext{font-family:courier new; font-size:16px; color:CCFFFF; font-weight:bold;text-decoration:underline;border:none;text-transform:uppercase;}

{date stamp on comments}
.blacktext10{font-family:tahoma; font-size:8pt; line-height:10pt; color:CCFFFF;border:0px solid FFFFFF;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a, a:link,a:active,a:visited{font-family:tahoma; font-size:8pt; line-height:10pt; color:CCFFFF;text-decoration:none}
a:hover{border-bottom:1px dashed FFFFFF; font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF;}

{not used on profile}
a.readmail,a.readmail:link,a.readmail:active,a.readmail:visited{font-family:tahoma; font-size:8pt; line-height:10pt; text-decoration:none;color: CCFFFF;}
a.readmail:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00;border-bottom:1px dashed FFFFFF; }

{ "View all friends" and "invite more" link style}
a.redlink,a.redlink:link,a.redlink:active,a.redlink:visited{font-family:tahoma; font-size:8pt;font-weight:bold;color:FFFFFF;text-decoration:none}
a.redlink:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00;border-bottom:1px dashed FFFFFF;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar,a.navbar:link,a.navbar:active,a.navbar:visited{font-family:tahoma; font-size:8pt;color:FFFFFF;text-decoration:none}
a.navbar:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00; border-bottom:1px dashed FFFFFF;}

{ TEXT FORMATTING
DEFAULT FONT, SIZE 8, BLACK }
{ btext used for "latest blog entry" and "USERNAME has * friends"}
.btext, .itext{font-family:tahoma;  font-size:8pt; line-height:10pt; color:FFFF00;border:0px solid FFFFFF;}

{ DEFAULT FONT, SIZE 8, COLORS }
{unused on profile}
.bwtext, .rtext, .rbtext, .subhead{font-family:tahoma; color:FFFF00;font-size:8pt;font-weight:bold;}

{ DEFAULT FONT, SIZE 8 }
{unused on profile}
.stext, .sbtext, .swtext{font-family:tahoma; color:FFFF00;font-size:8pt;}

{ DEFAULT FONT, SIZE 11 }
{unused on profile}
.head11, .text11{font-family:tahoma; color:FFFF00;font-size:8pt;}

{ TABLE COLORS }
{apparently unused?}
table.grey, tr.grey, td.grey{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.white, tr.white, td.white{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.accent_light, tr.accent_light,
td.accent_light{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.accent_dark, tr.accent_dark,
td.accent_dark{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.action, tr.action, td.action{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF; }
table.blue_light, tr.blue_light,
td.blue_light{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.blue_dark, tr.blue_dark, td.blue_dark{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}


{"Help" and "Signout" in very top in right corner}
a.man,a:link,a:active,a:visited{font-family:tahoma; font-size:8pt;color:FFFFFF; text-decoration:none;}
a:hover{font-family:tahoma;
font-size:8pt;color:FFFF00; text-decoration:none;border-bottom:1px dashed FFFFFF;}
</style>

[moorepocket]

MYSPACE BLOG CSS

Once log in at the top of the 13 links, find one that says "blog" and click on it. At the bottom. you will see "customize blog". Copy and paste this code in "your own header html."

I left { comment } through out the code to help you

<!-- begin code provided by createblog.com --><br /><style><br />body,xmp,p,div {<br />background:000000;<br />font-family:small fonts;<br />text-transform:uppercase;<br />font-size:7px;<br />color:CCFFFF;border:none;}<br /><br />b,strong,u,i,em,s<br />{ bold, underline, italic, and line through }<br />{font-family:small fonts;text-transform:uppercase;font-size:7px;font-weight:normal;color:#990000;}<br /><br />a, a:link,a:active,a:visited{font-family:small fonts; text-transform:uppercase;font-size:7px; color:#FFFFFF;text-decoration:none}<br /><br />a:hover{border-bottom:1px dashed FFFFFF; font-family:small fonts; text-transform:uppercase;font-size:7px; color:#FFFF00;} <br /><br />table.main<br />{ left side module }<br />{background-color:transparent; width:450px;border:none;font-family:small fonts;text-transform:uppercase;font-size:7px;color:CCFFFF;}<br /><br />table.main TD,table.mainTR<br />{ the inside of a table }<br />{ set the font style for table }<br />{background-color:transparent; border:none;font-family:small fonts;text-transform:uppercase;font-size:7px;color:CCFFFF;}<br /><br />table.nav<br />{ table navigations }<br />{background-color:transparent; font-family:small fonts; text-transform:uppercase;color:#CCFFFF;font-size:7px;}<br /><br />table.header<br />{ table header }<br />{width:450px;background-color:transparent;border:1px dashed #FFFFFF;font-family:small fonts;text-transform:uppercase;font-size:7px;color:CCFFFF;}<br /><br />table.header TH {<br />font-family:courier new;color:#000000;font-size:11px;text-decoration:none;font-weight:normal;text-transform:uppercase;border:none;}<br /><br />table.header TD { <br />background-color:#B1D0F0;font-family:courier new;color:#000000;font-size:11px;text-transform:uppercase;text-decoration:none;border:none;}<br /><br />table.profile{background-color:transparent; width:150px;border:1px solid;border-color:#B1D0F0; background-color:transparent;text-align:center;text-transform:uppercase;color:B1D0F0}<br /><br />table.profile TD {<br />width:150px;background-color:transparent; font-family:small fonts;color:#FFFF00;font-size:7px;text-decoration:none;text-transform:uppercase;border:none;}<br /><br />table.blog{width:450px;font-size:7px;font-family:small fonts;text-transform:uppercase;color:#FFFF00;text-align:justify;background-color:transparent;}<br /><br />.blogTimeStamp<br />{ date of blog }<br />{font-size:11px;font-family:courier new;text-transform:uppercase;color:#000000;font-weight:bold;background-color:#B1D0F0;text-align:left;line-height:11px;}<br /><br />.blogSubject<br />{ subject of blog entry }<br />{font-size:11px;font-family:courier new;text-transform:uppercase;color:#FFFF00;font-weight:bold;}<br /><br />.blogContent<br />{ body of your blog }<br />{background-color:transparent;font-size:7px;font-family:small fonts;text-transform:uppercase;color:#FFFF00;font-weight:normal;margin:0px;}<br /><br />.blogContentInfo<br />{ time, comments, kudos }<br />{width:450px;background-color:#B1D0F0;font-size:7px;font-family:small fonts;text-transform:uppercase;color:#FFFF00;font-weight:normal;margin:0px;}<br /><br />.blogCommentsProfile<br />{ your commenter }<br />{width:150px;font-size:7px;font-family:small fonts;color:#FFFF00;font-weight:bold;text-transform:uppercase;background-color:transparent;text-align:center;}<br /><br />.blogComments, blogCommentsContent<br />{ body of your comments }<br />{width:450px; background-color:transparent;font-size:7px;font-family:small fonts;color:#FFFF00;text-transform:uppercase;}<br /><br />.blogCommentsContent{background-color:B1D0F0;font-size:7px;font-family:small fonts;color:#000000;text-transform:uppercase;}<br /><br />.spacer, commentSpacer<br />{ space between comment}<br />{height:2;background-color:transparent;}<br /><br />.commentSpacer{height:2;background-color:transparent;}<br /></style><br /><!-- end code provided by createblog.com -->

And at the end of your blog look and feel page, where you insert "Your own Additional Style Sheet," paste this scrollbars code, if you want color scrollbars, in the style textbox given. Just like that, no <style></style>

CODE

body{
background:000000;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:B1D0F0;
scrollbar-face-color:B1D0F0;
scrollbar-highlight-color:B1D0F0;
scrollbar-darkshadow-color:B1D0F0;
scrollbar-3dlight-color:B1D0F0;}