Blog images

MySpace Website Tutorials | Submited Dec 25, 2007

Written by: Mr. ∃v¡l

Notes

Several variations of this were posted on the forum like 5 times today so I'll go ahead and make a guide on it. : )
All codes go inside your Style Tags, I'm sure you already have one (or too many) in your profile.
Adjust everything to your liking, the height: XXpx; is really all that's needed, everything else is pretty standard.

Image above Blog

.37182{put padding on top of the blogs and add an image}
.latestBlogEntry{
background-image: url(IMAGE_URL_HERE);
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
padding-top: 180px;
}

Image Below Blog

.37182{put padding below the blogs and add an image}
.latestBlogEntry{
background-image: url(IMAGE_URL_HERE);
background-repeat: no-repeat;
background-position: center bottom;
background-attachment: scroll;
padding-bottom: 180px;
}

Blog background image

.37182{add a background image to the blogs}
.latestBlogEntry{
background-image: url(IMAGE_URL_HERE);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
}

Image in the blog links

.37182{add a background to the blog links}
.latestBlogEntry a{
background-image: url(IMAGE_URL_HERE);
background-position: center center;
background-attachment: scroll;
background-repeat: repeat;
}

Image in the blog Titles

.37182{add an image in the blog titles}
.latestBlogEntry .text{
background-image: url(IMAGE_URL_HERE);
background-position: center center;
background-attachment: scroll;
}

Replace blog with an image

.37182{replace blogs with an image}
.latestBlogEntry{
background-image: url(IMAGE_URL_HERE);
background-position: center center;
background-attachment: scroll;
background-repeat: no-repeat;
height: 100px;
}

.37182{hide the content of the blogs box}
.latestBlogEntry *{font-size: 0; letter-spacing: -37182px; background-color: transparent;}