We just installed our new forum/community .. please check it out: Killersites Community. THIS FORUM IS NOW AN ARCHIVE. Old user accounts and posts have been transferred to the new forum.
I've started a new topic on the move here TALK ABOUT NEW FORUM
Stefan
the website at www.goodtoknow.co.uk has a nice tabbed menu (imo) but when right clicking one to find their background images, nothing comes up in the list to do it. surely they use images? i used firebug to look at the css briefly but nothing that puts an image there. is there a way they would have blocked viewers from getting the background image?
No, they have used an image -- url(/images/nav/tabs/tab_left.png). It is overlayed over the tab background color (which is unique for each tab) and creates the tab effect.
The css rule:
ul.tab #t-generic, ul.tab #t-health, ul.tab #t-diet, ul.tab #t-food, ul.tab #t-family, ul.tab #t-videos, ul.tab #t-forums, ul.tab #t-xmas, ul.tab #t-coffee-break, ul.tab #t-shopping, ul.tab #t-sex, ul.tab #t-goodforyou, ul.tab #t-nationalfamilyweek {
background-color:#FF54A1;
background-image:url(/images/nav/tabs/tab_left.png);
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px solid #FFD3E7;
font-size:1.1em !important;
}
thanks for your help.
i still can't find that rule, it's because i'm not using firebug properly, point me in the right direction?
Not sure exactly... I click on the tab using Firebug (I go down to the code view and select the <li> element), and then check the css properties. It is the second listed:
.home ul.tab #t-generic, .home ul.tab #t-generic:hover, ul.tab #t-generic:hover {
background-color:#FF4A9B;
}
carousel.css (line 1)
ul.tab #t-generic, ul.tab #t-health, ul.tab #t-diet, ul.tab #t-food, ul.tab #t-family, ul.tab #t-videos, ul.tab #t-forums, ul.tab #t-xmas, ul.tab #t-coffee-break, ul.tab #t-shopping, ul.tab #t-sex, ul.tab #t-goodforyou, ul.tab #t-nationalfamilyweek {
background-color:#FF54A1;
background-image:url(/images/nav/tabs/tab_left.png);
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px solid #FFD3E7;
font-size:1.1em !important;
}
Copyright © 1996-2010 KillerSites.com | 
