myspace css sheets with comments

[Jazzylee77]

okay, I was going to start a thread with a myspace css sheet here and add comments to it as suggested by followup posts. Then I found someone who had already put something like this together. http://www.createblog.com/forums/lofiversion/index.php/t84325.html

After looking at many different style sheets and then looking at http://www.tagtooga.com/tapp/pages/selectors.html I am reminded how css works. The CSS syntax is made up of three parts: a selector, a property and a value.

putting together a commented myspace style sheet with all possible selectors, properties and values could prove unwieldy. Especially for me, I basically don't know what I'm talking about! The resulting sheet would be full of superfluous info as well.

However I think it would be of help to me to have a collection of style sheets with comments to lead me to the right places to make changes, and reminders of how to change them.

Post a favorite myspace css sheet here and I'll add it to the second post.

I'll reserve the second post to post and edit some style sheets.

I figure as others use them and comment, helpful tips can be added in the sheets comments. /*css comments are bracketed like this*/

Suggestions on software and tips like how to remove the comments before using the css code are welcome as well.

[Jazzylee77]

reserving ths post for examples.

A transparent css setup. Lets a background through and works if the colors are right.
CSS Name: Transparent

<Style type="text/css">
body{
background-color:transparent;
background-image:url(http://i38.photobucket.com/albums/e119/sparky_22/efbfeed8.jpg); /*change this to your background url*/
background-position:Top center;
background-attachment:fixed;
background-repeat:no-repeat; }

Table, Td{
background-color:transparent; }

table table table{
filter:80;
opacity:0.90; /* adjust the opacity numbers to affect the solidness. 1 is completely solid .5 is half opaque*/
-moz-opacity:0.90;
-khtml-opacity:0.90;
border-color:00FF33;
border-style:Dotted;
border-width:0px; }

table table table table, table table table td{
border-style:none; }

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:FFFF00;
font-weight:bold;
font-style:normal; }

.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:0099FF;
font-weight:bold;
font-style:normal; }

a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{
color:FFFFFF;
font-weight:bold;
text-decoration:underline ;
font-style:normal; }

a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:FFFFFF;
font-weight:bold;
font-style:normal; }

table table table td {
vertical-align:top !important;}

span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("");
background-repeat:no-repeat;
background-position:left left;
font-size:0px;
font-color: #B20032;
letter-spacing:-0.5px;
width:610px;
height:80px;
display:block !important; }

span.blacktext12 img {
display:none;}


.contactTable {
width:300px!important;
height:150px!important;
padding:0px!important;
background-image:url("http://i56.photobucket.com/albums/g165/jcataldijr/ContactBox.jpg");
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;
background-color:transparent;}

.contactTable table, table.contactTable td {
padding:0px !important;
border:0px;
background-color:transparent;
background-image:none;}

.contactTable a img {
visibility:hidden;
border:0px!important;}

.contactTable a {
display:block;
height:28px;
width:115px;}

.contactTable .text {
font-size:1px!important;}

.contactTable .text, .contactTable a, .contactTable img {
filter:none!important;}

table tbody td table tbody tr td.text table {
visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {
visibility:visible;}

</style>