I could not stand the default behavior of drop down menus in Movable Type 4 interface within 10 minutes of first using it. I want drop down menus that drop when I click on them, not when I mouse over them.
\nSo I came up with a simple hack to replace the default behavior of drop down menus by something safer for my sanity.<\/p>\n
Edit : tmpl\/cms\/include\/header.tmpl<\/p>\n Replace: mt:nav-delayed-open=”0″ mt:nav-delayed-close=”0″ Step 2 – Change color of ‘hover link’ for ‘blog-nav’ (as it will appear white on white by default)<\/strong><\/p>\n Edit : mt-static\/css\/main.css<\/p>\n #blog-nav a:hover .system #blog-nav a:hover Now I can try to find someone who can do this cleanly…<\/p><\/div>\n","protected":false},"excerpt":{"rendered":" I could not stand the default behavior of drop down menus in Movable Type 4 interface within 10 minutes of first using it. I want drop down menus that drop when I click on them, not when I mouse over them. So I came up with a simple hack to replace the default behavior of drop down menus by something… <\/p>\n
<\/strong><\/p>\n
\nStep 1 – Change drop down menu behavior <\/strong><\/p>\n
\n
by: mt:nav-delayed-open=”-1″ mt:nav-delayed-close=”300″
\n
for : <div<\/span> id<\/span>=“blog-nav”<\/span>><\/p>\n
\nAlready works for ‘selector-nav’ (that’s how I found out the difference between menu behaviors)<\/p>\n
{
\ncolor: #3d7993; \/* instead of #e9f0f4 *\/
\n}<\/p>\n
{
\ncolor: #6d7800; \/* instead of #f1f4e9; *\/
\n}<\/p>\n