Different colours for accordion

Question

I would like to be able to have different accordion panels in
my site, each using colours relevant to the page topic. So, for
example, all pages about our services would use a green font, all
pages about our research department would use red and so on. I can
adjust the CSS colour scheme but don't know how to apply a
different set of colours for other accordions as they all seem to
pick up from the main CSS.
If it's really simple to do this, please could someone tell
me how. I'm a novice so idiot-proof instructions are necessary!
Many thanks.

Answer 1

Hi Bagheera:
This is a simple trick, but it will need some extra job for
you (it's all
CSS, so don't be afraid)
I think you have two options:
1.- Create different CSS files using the original one
provided by Spry as a
template: You should change the values as desired. This way,
pages about
services would load spry_services.css, pages about research
would use
spry_research.css and so on.
2.- Add a class to the body tag and change the css selectors:
you can use a
single css file where you must duplicate the original
selectors (.eg:
accordionPanelTab should become .services .accordionPanelTab,
.research
.accordioPanelTab... and you can change the properties
there).
The former is a good choice if you want to have you css code
and files as
clear as possible; the latter will work ok with DW templates
HTH
Andres Cayon
Spain Adobe Dreamweaver User Group
http://www.dwug.es
"Bagheera62" <[email protected]>
escribió en el mensaje de
noticias news:gmcagc$b3u$[email protected]..
>I would like to be able to have different accordion
panels in my site, each
> using colours relevant to the page topic. So, for
example, all pages about
> our
> services would use a green font, all pages about our
research department
> would
> use red and so on. I can adjust the CSS colour scheme
but don't know how
> to
> apply a different set of colours for other accordions as
they all seem to
> pick
> up from the main CSS.
>
> If it's really simple to do this, please could someone
tell me how. I'm a
> novice so idiot-proof instructions are necessary!
>
> Many thanks.
>