-
AuthorPosts
-
pranavpatil19 Friend
pranavpatil19
- Join date:
- November 2011
- Posts:
- 64
- Downloads:
- 0
- Uploads:
- 14
- Thanks:
- 18
- Thanked:
- 2 times in 1 posts
April 7, 2012 at 7:19 am #175864i 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 Moderatorpavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
April 7, 2012 at 8:34 am #447665Hi
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
April 11, 2012 at 5:19 pm #448131You 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 ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
April 20, 2012 at 10:05 am #449279<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 -
AuthorPosts
This topic contains 4 replies, has 4 voices, and was last updated by Ninja Lead 12 years, 8 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum