Log In · Register

 
Skinny Tables
letsgoxdisco
post Feb 1 2008, 05:47 PM
Post #1


<3
****

Group: Member
Posts: 183
Joined: Apr 2006
Member No: 390,880



I need someone to explain exactly how to code the part of the CSS code for skinny layouts. I don't understand what to do with it. Thank you!
 
 
Start new topic
Replies
letsgoxdisco
post Feb 1 2008, 06:27 PM
Post #2


<3
****

Group: Member
Posts: 183
Joined: Apr 2006
Member No: 390,880



CODE
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:1px;
border-color:COLOR HERE;
background-color:COLOR HERE;
}

is this where i put what color i want the table to be?

CODE
TABLE, TD {background-color:transparent;border:none; border-width: 0px; color:COLOR HERE; font: normal 8px FONT HERE; padding: 0px; text-transform: uppercase; width:350px; text-align:justify;}

TABLE TABLE {background-color:transparent;border: none;color:COLOR HERE; font: normal 8px FONT HERE; padding: 0px; text-transform: uppercase; text-align:justify;}

TABLE TABLE TABLE {background-color:COLOR HERE;border: 1pt solid;border-color:COLOR HERE;font: bold 8px FONT HERE; height: .01%; width: 100%; padding: 1px; text-transform: uppercase; text-align:justify;}

TABLE TABLE TABLE TABLE {background-color:transparent;border:none;color:COLOR HERE; font: bold 8px FONT HERE; padding: 0px; text-transform: uppercase; text-align:justify;}
TABLE TABLE TABLE TABLE TABLE {background-color:transparent; border:none; color:COLOR HERE; font: normal 8px FONT HERE; padding: 0px; text-transform: uppercase; }

TABLE TABLE TABLE TABLE TABLE TABLE {background-color:transparent; border:none; font: bold 8px FONT HERE; padding: 0px; text-transform: uppercase; }

do i only need to change the font properties? and what is the color part changing? do i make it the same color as the actual table borders?

CODE
TD TD {text-align: normal;}
TD TD TD {text-align: normal;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:justify;}
TD TD TD TD TD {border-top: 1px solid COLOR HERE; text-align:justify;}
TD TD TD TD TD TD {border: 0px solid;}
table table td.text table td.text table table tbody td table, span.btext {display: }
img {filter: progid:DXImageTransform.Microsoft.BasicImage(color=1); border: 1;}

i have no clue how to edit this. do i have to do anything?

thank you!
 
miyashu
post Feb 1 2008, 07:42 PM
Post #3


cake or DEATH
*****

Group: Staff Alumni
Posts: 631
Joined: Sep 2005
Member No: 223,586



Where I've put "ff0000," that's the color for the borders of all your tables (extended network, about me, friends, comments, etc). Change it to your liking. You can also change the border-style or border-width if you want. The background color here should be transparent, just to make things easier.
CODE
table table { border: 0px }
table table table table{border:0px}
table table table {border-style:solid;border-width:1px;border-color:ff0000;background-color:transparent;}



The background color here is the bg color for your entire profile. The font, font size and font color, however only apply to the normal text in your details table. You can also change the width of your tables in this part, where it says "350px." If you don't want the text in your profile to be capitalized, change 'uppercase' to 'none'
CODE
TABLE, TD {background-color:000000;border:none; border-width: 0px; color:ffffff; font: normal 8px arial; padding: 0px; text-transform: uppercase; width:350px; text-align:justify;}


I cleaned this code a little, because when I tried to change the font, font colors, there was no change at all. So leave this part how it is now.
CODE
TABLE TABLE {background-color:transparent;}
TABLE TABLE TABLE {background-color:transparent; height: .01%; width: 100%; padding: 1px;}
TABLE TABLE TABLE TABLE {background-color:transparent;}
TABLE TABLE TABLE TABLE TABLE {background-color:transparent; }
TABLE TABLE TABLE TABLE TABLE TABLE {background-color:transparent; }


You don't have to worry about this part, just leave it as it is.
CODE
TD TD {text-align: normal;}TD TD TD {text-align: normal;}TD TD TD TD {border-top: 0px solid; width: 1%; text-align:justify;}TD TD TD TD TD {border-top: 0px; text-align:justify;}TD TD TD TD TD TD {border: 0px solid;}table table td.text table td.text table table tbody td table, span.btext {display: }img {filter: progid:DXImageTransform.Microsoft.BasicImage(color=1);  border: 1;}


To be honest, you can't really do much else. UNLESS you have more codes. Did you post all of them?
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: