for the search, my way to preload images! haha

Search for in

Blog Customizing

MySpace Website Tutorials | Submited Dec 24, 2007

Written by: Rev. B.

A guide on customizing your blog on myspace, it doesn't go into anything advanced.

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.

tags Tags: how to customize the CSS for your blog on myspace

4Thumbs up  Thumbs down0

Related Tutorials
Style Tags
How to create contact tables
How to Create Scroll Boxes
How to Customize the Pictures Page
Hide Blogs
Hide Navigation Bar
Hide Friends
Style your MySpace URL
Stylizing the name with borders.
Adding Text To Animations
Animating Candle Flame
Adding Glitter to Images
Blending with Clone Brush
Artistic Color Isolation
Duo Tater Bake
Understanding CSS
Basic MySpace layout tutorial
CSS Elements
How to get an Image name on Myspace
Marquee comments
2 Comments
  ijustbeme ~ 06/09/08, 12:38am
Picture..
Well explained. Thanks this was very helpful .
  Sky ~ 01/04/08, 2:21pm
Picture..
Nice work Brandon, I found it very helpful and I hope everyone else that uses skem9 does as well. Keep it up!

1 


Sorry, you have to be a member to comment tutorials