Myspace 2.0 Custom Details Module Options

[attytudesh]

ok i'm going crazy here!

i've searched the scripts and i've even tried searching the forums. But I cant find any info about how to customize the details section for the Myspace 2.0 version. Is this even possible yet?

[Mickey]

^I don't think that's what the OP is looking for. Attytudesh and Adeno1629, this is the breakdown of the Details module:

CODE

.a {the details titles}
div.detailsModule div.moduleBody ul.moduleList li strong {display:none;}
.a {the title space}
div.detailsModule div.moduleBody li {width:0px; display:inline;}
.a {the zodiac link}
div.detailsModule div.moduleBody ul.moduleList li span a {display:none;}
.a {the text in the details section}
div.detailsModule div.moduleBody ul.moduleList span {display:none;}
.a {the remaining space}
div.detailsModule div.moduleBody {display:none;}
.a {the details text header}
div.detailsModule h3.moduleHead span span {display:none;}
.a {the remaining title text space}
div.detailsModule h3.moduleHead {display:none;}
.a {the borders}
div.detailsModule div.moduleBottom,
div.detailsModule div.moduleTop {display:none;}
.a {the entire section}
div.detailsModule {display:none;}

This is the breakdown of the Interests module:

CODE

Interests Section Module CSS Selectors

a breakdown of the interests section Module 2.0


.a {the word interests}
div.interestsModule h3.moduleHead span span {display:none;}
.a {the whole interests header}
div.interestsModule h3.moduleHead {display:none;}
.a {the subsection header text}
div.interestsModule ul.moduleList li.odd h4,
div.interestsModule ul.moduleList li.even h4 {display:none;}
.a {the lightblue background color}
div.interestsModule div.moduleBody ul.moduleList li.odd,
div.interestsModule div.moduleBody ul.moduleList li.even {background-color:transparent;}
.a {remove the padding}
div.interestsModule div.moduleBody ul.moduleList li {height:0px;}
.a {remove the borders}
div.interestsModule div {border:0px;}
div.interestsModule div.moduleTop, div.interestsModule div.moduleBottom {display:none;}
.a {remove the content}
div.interestsModule div.moduleBody {display:none;}
.a {remove the whole section}
div.interestsModule {display:none;}

To style it up, just replace the display:none; properties with the appropriate properties. Thanks to this blog, by the way.