pranavpatil19
Friend
i am using ja-karnos template ,in that dropline menu is not effective for me
so i want to change effect of dropline menu as like present in ja-orisite
please help me how cam i change this effect
pavit
Moderator
Hi
You can simply change from your template manager in your default profile in the Menu Settings option Menu System from mega menu to Drop Menu i have tried on my localhost and it works fine if this won’t work for you try to disable all the optimizations on your site JS and CSS
You can use this CSS Code
<li> tag have loat: left; declaration. sumbmenu layer have visibility: hidden; and position: absolute;. Anchor tag set to display: block;
Everything else is usual decoration:
#sddm
{ margin: 0;
padding: 0;
z-index: 30}
#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial}
#sddm li a
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 60px;
background: #5970B2;
color: #FFF;
text-align: center;
text-decoration: none}
#sddm li a:hover
{ background: #49A3FF}
#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #5970B2}
#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #EAEBD8;
color: #2875DE;
font: 11px arial}
#sddm div a:hover
{ background: #49A3FF;
color: #FFF}
Also you can use this JavaScript code:
Insert this code between your <head></head> tags. Look to the code for the comments:
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();
// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = ‘hidden’;
// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = ‘visible’;
}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = ‘hidden’;
}
// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
// close layer when click-out
document.onclick = mclose;
Ninja Lead
Moderator
<em>@pranavpatil19 312722 wrote:</em><blockquote>i am using ja-karnos template ,in that dropline menu is not effective for me
so i want to change effect of dropline menu as like present in ja-orisite
please help me how cam i change this effect</blockquote>
Hi pranavpatil19,
I got it what do you need to change, please update information your site(URL, username/password and FTP account), i will ask dev’s team make your site is smoothly
Thanks
Tam
This topic contains 4 replies, has 4 voices, and was last updated by Ninja Lead 12 years ago.
We moved to new unified forum. Please post all new support queries in our New Forum
