Public Forums 71,145 posts

[Jeremy Burcham Friend Jeremy BurchamJoin date: September 2014Posts: 1Downloads:0Uploads:0]

#130058

I added a top menu to Teline and would like the top menu to keep the hover/active state for the page that is active or being viewed. Same way the trans menu does it.

Website: http://www.burchamsolutions.com

Modifications are shown in the code below:

ja_teline/css/template.css

/* TOP MENU
---------------------------------------------------------*/
#ja-topmenu {
float: right;
}

#ja-topmenu a {
color: #CCCCCC;
font-weight: bold;
word-spacing: 1px;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 3px;
padding-left: 8px;
}

#ja-topmenu a:link, a:visited {
color: #CCCCCC;
font-weight: bold;
word-spacing: 1px;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 3px;
padding-left: 8px;
}

#ja-topmenu a:hover, a:active, a:focus {
color: #FFFFFF;
cursor: pointer;
background-color: #008F4C;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 3px;
padding-left: 8px;
}


———————————————————

ja_teline/index.php

<!-- BEGIN: MAIN NAVIGATION -->
<div id="ja-mainnavwrap1">

<div id="ja-mainnavwrap2" class="clearfix">
<div id="ja-maintopnav">
<div class="module-nav">
<div id="ja-topmenu">
<jdoc:include type="modules" name="top" />
</div>
</div>
</div>
</div>

</div>

<!-- END: MAIN NAVIGATION -->

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#261713

Did you manage to get this solved?
If so, please mark this as solved, if not let us know.

[Author]

Posts