I need some help with changing my tab colors.....anyone know good CSS? i want colors to match my skin lol. Code: /* ######### CSS for Shade Tabs. Remove if not using ######### */ .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: #0e100d url(http://gamingcube.org/forum/images/futuris/futuris_headbg.gif) repeat-x top left; background: white url(shade.gif) top left repeat-x; } .shadetabs li a:visited{ color: #d2a900; } .shadetabs li a:hover{ text-decoration: underline; color: #CCCCCC; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(shadeactive.gif); border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } Any help would be great
Try this Code: /* ######### CSS for Shade Tabs. Remove if not using ######### */ .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin-right: 3px; border: 1px solid #1f1f1f; color: #ffffff; background: #000000 url(http://gamingcube.org/forum/images/futuris/futuris_headbg.gif) top left repeat-x; } .shadetabs li a:visited{ color: #f3f3f3; } .shadetabs li a:hover{ text-decoration: underline; color: #ffffff; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(http://gamingcube.org/forum/images/futuris/futuris_headbg.gif); border-bottom-color: #000000; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } }
. ---------- . ----------- . ---------- . ---------- FMB, just uploaded it dont think it will change for awhile
Hmm, they're white and gray. the background is black so it matches with the skin. OH Right, I made the font color 00000!! Edit: Updated the CSS