Blog Customizing

MySpace Website Tutorials | Submited Dec 24, 2007

Written by: Rev. B.

Notes

this was written over a few days so if I forgot/messed up something let me know.
Style tags aren't needed, just paste all your codes in the bottom box here.
Everything is grouped together and noted, so it shouldn't be too hard to follow, though a bit of CSS knowledge helps.

Background, text, and links

.37182{background, text and link stuff(in order)}
body{
background-color:000;
background-image: url(http://j6.bz/4p5.png);
background-position: center center;
background-repeat:repeat;
background-attachment:scroll;
}

td, p, span, div, a{color:999999 !important; font-family:Arial Narrow !important; font-size:11px !important;}

a:visited, a{color:666666 !important; text-decoration:none !important; background-color:0a0a0a;}
a:hover{color:FFF !important}

Blog table sections

this is all the table areas, the part with your picture, your blog posts, subscriptions, history, so on, and so forth

.37182{table sections}
tr.spacer{visibility:hidden;}
table.main table table{background-color:000; border:1px solid; border-color:fff;}
table.main table table table{border:0;}

.37182{get rid of the ugly blue line with no selector}
.blog{margin-top:-4px;}

Additional things

This is random things, the above codes are just the basic things, these go into little tweaks that simply make things look good.

.37182{hide the bottom links, you know you want to}
strong font a.text u,
table tr td strong font,
body table tr td font a font u{display:none;}

.37182{headers}
.37182{time stamp}
p.blogTimeStamp{
background-color:333333;
color:000000 !important;
font-size:13px !Important;
font-weight:normal;
text-align:right;
-moz-border-radius:5px;
padding-right:20px;
}
.37182{just for fun}
p.blogTimeStamp:before{content:'this was posted on::.'; font-weight:bold;}

.37182{blog subject}
p.blogSubject{background-color:0a0a0a; -moz-border-radius:5px;}

.37182{display name}
.profile p a b{
display:block;
background-color:111111;
font-size:15px;
height:13px;
font-variant:small-caps;
letter-spacing:5px;
}

.37182{gender, status, age, sign, city, state, country, signup date}
table.profile tr td b{font-size:13px; color:444444;}

.37182{select boxes in the archive box}
table.profile select{background-color:000; color:333333;}
.37182{'go' button}
.profile input{background-color:000; color:fff;}

.37182{replace the mood icon}
p.blogSubject img{visibility:hidden;}
p.blogSubject{
background-image:url(IMAGE_URL_HERE);
background-repeat:no-repeat;
background-position:10.4% 100%;
}

the comment page stuff

This is on the page that has the comments

.37182{the following stuff only shows an the page with the comments}
.37182{the part with the picture and name of the commentor}
.blogCommentsProfile{background-color:000;}
.blogCommentsProfile img{width:60px;}

.37182{the actual comment part}
.blogComments{background-color:000; margin-top:-1px;}

.37182{hide the copyright}
body table tr td u a{visibility:hidden;}

[fin]

If you didn't edit the codes above then this would be your result.