Possible to make details section boxes transparent?, Myspace 2.0 Options

[Arborpress]

In the details section I want to make the boxes containing "status, orientation, ethnicity, etc" transparent.

I've tried and could only get the outside box around the details to become transparent.

[fixtatik]

If you have anything but "No Theme" chosen as your them, you're out of luck. Choosing "No Theme" makes them (and everything else) have transparent background.

[Arborpress]

Alright well I've gotten it to work, but I'm not sure how to change the opacity or color of my transparent boxes. Here's what I'm working with:

CODE

{! Start Script: Copyright|myspace.com/lesterkyle !}
div.moduleMid { background:url(http://creative.myspace.com/profiles/images/modulebg.png); }
div.moduleTop div div, div.moduleBottom div div { background:url(http://creative.myspace.com/profiles/images/modulebg.png) top left repeat-x; height:10px;}
div.moduleTop, div.moduleTop div, div.moduleBottom, div.moduleBottom div { background: url(http://creative.myspace.com/profiles/images/rndcorner.png) no-repeat; font-size:0px; }
div.moduleTop div div { height:7px; margin: 0px 7px; }
div.moduleBottom div div { height:7px; margin: 0 7px; }
div.moduleMid2 { padding: 0 7px;}
div.moduleTop { background-position: top left;}
div.moduleTop div { background: url(http://creative.myspace.com/profiles/images/rndcorner2.png) no-repeat;background-position: top right;}
div.moduleBottom { background-position: 0px -16px; }
div.moduleBottom div { background-position: bottom right; }
div.module { border:none; padding:5;}
div.musicPlayerModule, div.musicPlayerModule div.moduleMid1, div.musicPlayerModule div.moduleTop, div.musicPlayerModule div.moduleMid, div.musicPlayerModule div.moduleTop div, div.musicPlayerModule div.moduleTop div div, div.musicPlayerModule div.moduleBottom div div, div.musicPlayerModule div.moduleBottom div, div.musicPlayerModule div.moduleBottom { background:none; border; border: 0px solid #ccc; background-color:transparent}
{! End Script: Copyright|myspace.com/lesterkyle !}

[fixtatik]

Can you show a screen capture of what's happening, and do a mock up of what you're trying to achieve?

[Arborpress]

Here is a picture showing part of my profile.

http://img198.imageshack.us/img198/7347/1337q.jpg

As you can see, I have a picture in the background that doesn't show well with that light gray transparency. I want to be able to change it to a different shade of gray, and also change the opacity.

[fixtatik]

Ah, I gotcha. Try this:

CODE

.detailsModule, .detailsModule * { background:none; }

[Arborpress]

It's still appears the same to me

[fixtatik]

I feel a little out of it. Forgot you're using "div" as a selector.

Use this instead:

CODE

div.detailsModule *, div.detailsModule div.moduleTop *, div.detailsModule div.moduleBottom * { background:none; }

[Arborpress]

I've entered it in and it only makes the details box cut off on the top and bottom for some odd reason.

[Mickey]

Not sure if this'll help:

CODE

div.detailsModule *, div.detailsModule div.moduleTop *, div.detailsModule div.moduleBody *, div.detailsModule div.moduleBottom * { background:none; }

See if that works.

[Arborpress]

Not sure if this'll help:

CODE

div.detailsModule *, div.detailsModule div.moduleTop *, div.detailsModule div.moduleBody *, div.detailsModule div.moduleBottom * { background:none; }

See if that works.

Yes that worked, but when I try to change the shade of the color this is what happens...

http://img42.imageshack.us/img42/9950/1337k.jpg

It only applies to the mid section of the details and leaves part of the top and bottom just the same, leaving it look like a rectangle inside.

[Mickey]

I'm not sure you can override the backgrounds MySpace has set for the top and bottom sections.

[Arborpress]

Ahh, oh well.. Thank you guys for all your help anyways.

[manny-the-dino]

Topic Closed and Moved