« SIGGRAPH Wrap Up | Main | iPod Touchy »

September 10, 2007
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 safer for my sanity.


Step 1 - Change drop down menu behavior

Edit : tmpl/cms/include/header.tmpl

Replace: mt:nav-delayed-open="0" mt:nav-delayed-close="0"
by: mt:nav-delayed-open="-1" mt:nav-delayed-close="300"
for : <div id="blog-nav">

This doesn't seem to work for 'utility-nav' (clicking on the menu arrow opens up the first option) Already works for 'selector-nav' (that's how I found out the difference between menu behaviors)

Step 2 - Change color of 'hover link' for 'blog-nav' (as it will appear white on white by default)

Edit : mt-static/css/main.css

#blog-nav a:hover
{ color: #3d7993; /* instead of #e9f0f4 */ }

.system #blog-nav a:hover
{ color: #6d7800; /* instead of #f1f4e9; */ }

Now I can try to find someone who can do this cleanly...
--->



Creative Commons License
This work is licensed under a Creative Commons Attribution-Noncommercial 3.0 United States License.
Copyright © 2005 by Laurent Alquier. All Rights Reserved