I have been teaching myself some basic CSS for a few days and decided to revamp my myspace page. After successfully doing this i decided to try styling my myspace blog.
I got everything the way i want it except one thing.
I have made a "screen" or blind" type of background, partially see through with a small logo in the bottom right corner.
I successfully applied this background to the panes/boxes/nodes on the left side of the blog. The concept here is 3 layers deep, there is the content, which i want to sit on top of this "background", then i want that to sit on top of the actual background image...so that it gives the feel of content over blinds over an image.
Where i am having the problem is in the list of blog posts, the main body where each blog post is listed and dated and has comment links and such.
The problem here is that there seems to be a break down of rows and columns here and i cant decern where to put the image. The best i accomplished it would place the image in the whole table, but also in each "cell"...which made the screen solid black in overlapping areas.
I only want this image placed behind each blog entry/post, not behind the entire table as well.
Since i dunno how to link direct to my blog, here is the url for my myspace page which is public, and my blog is temp set to public so people can see the problem.
myspace.com/colinbenko
here is the css code, entered into the custom header area of customize blog.
Code:
<style>
table.main
{ left side module }
{background-color:transparent; }
table.main TD,table.main TR
{ the inside of a table }
{ set the font style for table }
{background-color:transparent;}
table.nav
{ table navigations }
{background-color:transparent; }
table.header
{ table header }
{background-color:transparent; }
table.header TH {
}
table.header TD {
background-color:transparent;}
table.profile{background-color:transparent; }
table.profile TD {
background-color:transparent; background-image:url(http://dv-efs.com/Images/rockstarcorneredited.png); background-position:bottom right;}
table.blog{background-color:transparent; background-image:url(http://dv-efs.com/Images/rockstarcorneredited.png); background-position:bottom right;}
table.blog tr {
}
.blogTimeStamp
{ date of blog }
{background-color:transparent;}
.blogSubject
{ subject of blog entry }
{background-color:transparent; }
.blogContent
{ body of your blog }
{background-color:transparent; }
.blogContentInfo
{ time, comments, kudos }
{background-color:transparent;}
.blogCommentsProfile
{ your commenter }
{background-color:transparent;}
.blogComments, blogCommentsContent
{ body of your comments }
{background-color:transparent;}
.blogCommentsContent{background-color:transparent}
.spacer, commentSpacer
{ space between comment}
{height:2;background-color:transparent;}
.commentSpacer{height:2;background-color:transparent;}
</style>
table.blog is the line that applies the background to both the full table and the blog entries...i was unable to figure out how to apply to only the background of the entries.
I've tried googling help for myspace blog customization but it apears there is very little or no people offering help or customized layouts for myspace blogs. Thanks.
