Skinny Tables |
Skinny Tables |
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!
|
|
|
|
![]() |
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! |
|
|
|
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? |
|
|
|
letsgoxdisco Skinny Tables Feb 1 2008, 05:47 PM
miyashu It would help if you posted your codes so I can se... Feb 1 2008, 05:51 PM
mlothepimp No, like post ALL the codes from your about me. Or... Feb 1 2008, 07:10 PM
letsgoxdisco thank you so much! i understand the rest of it... Feb 2 2008, 01:12 AM
miyashu You're welcome :D. I'm glad I could help. Feb 2 2008, 01:22 AM
S-Majere Great stuff!
Topic Closed. Feb 2 2008, 03:47 AM![]() ![]() |