Hi,
I'm using an Accordion Menu from dnngarden.com on my DNN-Blue skin. However, I'm having difficulty making the current page link to be highlighted.
I was able to change the a. visited, a. link, a.hover style in the Accordion CSS, but a#current..
Where can i find the menu html (Like below ) in DNN so i can add ID for the pages.
or is there any other way to do it?
ex) where can i find them in my DNN?
<ul>
<li><a href="" id="home"></a></li>
<li><a href="" id="about"></a></li>
<li><a href="" id="contact"></a></li>
<li><a href="" id="faqs"></a></li>
<li><a href="" id="products"></a></li>
<li><a href="" id="services"></a></li>
<li><a href="" id="sitemap"></a></li>
</ul>
This is my ascx file looks like.
<%@ Register TagPrefix="ddr" TagName="MENU" Src="~/DesktopModules/DDRMenu/Menu.ascx" %>
<%@ Register TagPrefix="ddr" Namespace="DNNDoneRight.DDRMenu" Assembly="DNNDoneRight.DDRMenu" %>
.
.
.
<td class="leftpane" id="LeftPane" runat="server" valign="top" align="left">
<ddr:MENU ID="MENU1" MenuStyle="Accordion" runat="server">
<ClientOptions>
<ddr:ClientString Name="animated" Value="slow" />
<ddr:ClientBoolean Name="unique" Value="true" />
</ClientOptions>
</ddr:MENU>
</td>
.
.
.
Can anyone help me please. Here is part of my stlyesheet.
/* Menu Box */
.toolsaccordion {
background:#d6d6a5;
margin-top: 35px;
width: 175px;
border:0px solid #333333;
}
/* Main Menu Text*/
.toolsaccordion h3 {
background:#d6d6a5;
margin: 0px;
padding:5px 5px;
font-size:16px;
font-weight:bold;
font-family:Helvetica;
border:0px solid #ffffff;
border-bottom:0px solid #dddddd;
cursor:pointer;
}
/* Main Menu Text (mouse over) */
.toolsaccordion h3.current
{
background:#d6d6a5;
cursor:default;
color:white;
}
/* Sub Menu Text */
.toolsaccordion div.pane {
border:0px solid #ffffff;
border-width:0 0px;
display:none;
padding-top:0px;
padding-bottom:0px;
margin-left: 15px;
line-height: 25px;
color:#ffffff;
font-family:Helvetica;
font-size:16px;
font-weight:bold;
}
/* entry inside pane with no link */
.toolsaccordion div.pane div {
color:#ffffff;
}
/* a title inside pane */
.toolsaccordion div.pane h3 {
font-weight:bold;
margin:0 0 -25px 0;
font-size:16px;
color:#999999;
}
.toolsaccordion A:link
{
color: black;
text-decoration: none;
}
.toolsaccordion A:visited
{
color: black;
text-decoration: none;
}
.toolsaccordion A:hover
{
color: #ffffff;
text-decoration: none;
}
.toolsaccordion A:active
{
background-color: White;
text-decoration: none;
}