PDA

View Full Version : Glossy Accordion Menu



orenlebbo
01-04-2011, 04:31 PM
1) Script Title:
Glossy Accordion Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm

3) Describe problem:

hi.
i added the 'plus' and 'minus' gifs to the menu. how can i customize it ?
how can i move the buttons to a different place ?
thanks

Nile
01-04-2011, 10:45 PM
The style is right here:


.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
(find that in your css)

orenlebbo
01-05-2011, 08:42 AM
thanks.
i'm trying to use the plus/minus icons but not in Glossy Accordion but in Urban Gray Accordion.
what should be the command instead of:
.glossymenu a.menuitem .statusicon{ ?
i tried:
.urbangreymenu a.menuitem .statusicon{
but it didn't work..

orenlebbo
01-06-2011, 09:00 AM
Hi.
any idea ? please...

Nile
01-06-2011, 10:58 PM
Download the plus and minus icons from the glossy accordion menu.

In your style, add:


.urbangreymenu img {
position: absolute;
top: 8px;
right: 5px;
}


Then, in each h3 add an image with a url to minus.gif, e.g.,


<h3 class="headerbar"><a href="http://www.dynamicdrive.com/style/">CSS Library</a><img src="minus.gif" /></h3>

Then for the onopenclose option add:


onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
if(state == "none"){
header.getElementsByTagName('img')[0].src = "minus.gif";
} else {
header.getElementsByTagName('img')[0].src = "plus.gif";
}
}

Good luck