Transparent Tables in MySpace - Tutorial and Code
Making Tables semi-transparent in your MySpace profile is a cool effect, and it's pretty simple to do so. The following code will affect your main content tables -- where your name, profile pic, bio, comments, etc.. and all the other stuff is wrapped in little "boxes" reside.
By making them semi-transperant, you will be able to see your main background image show through a little bit, but leaving all your information, text, and images viewable but a bit muted.
Part 1.
If you already have customized your layout or used a premade layout like the ones on our site, find the following code in your About Me section:
table table table {
various code will be here
}
If you don't already have that code, or are customizing your profile from scratch then you will need to add the above code sample to your "About Me" section. Add it above what you actually have written about yourself there.
Part 2.
Now to fill in the code, and add tranparency filters:
table table table {
background-color: FFFFFF;
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
border-width: 1;
border-color: 000000;
border-style: solid;
}
Looking at the above code:
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
are the lines of code that give us
the transparency effect. It looks complicated because each browser handles opacity/transparency a bit differently.
All you need to know is that the sample code produces a 70% opacity. Change the "7's" in the example to "5's" and you get 50% opacity.
Go ahead an play around play around with different settings. Ranges from "90" (0.90) to "50" (0.50) tend to look the best.