| « prev next » |
你是否注意到，在改变头我博客？ 看看这个屏幕开枪结束这篇文章。
昨天，我补充全球导航菜单我的博客。 我喜欢这种变化十分，它给人一种深俯冲到一个特定类别更快-刚刚从任何网页。 如果您喜欢设计，你可能不知道你如何能创造同样的事情在你的背后movabletype网站？ 这里是一个快速指引。
html的
这是代码，我用我的模板（我把它变成一个单独的模块头） 。
<div id="nav"> <mttoplevelcategories> <ul id="nav_menu"> <li class="top"> <一类= "顶" href = " <元mtcategoryarchivelink $>"><$ mtcategorylabel元> < / > <ul> <mtsubcategories> <li> <一类= "净值" href = " <元元mtcategoryarchivelink > " > <元元mtcategorylabel > < / > < /李> < / mtsubcategories > < /经ul > < /给ul > < / mttoplevelcategories > < /统治>
这里的关键是要有一个具有统治 净值身份证，然后给ul数与nav_menu身份证，然后把顶层菜单项内标签。 当时有另fewl ul和小组提出的菜单项。 就是这么简单。
css的
在你的css （ jianshuowangstyle.css在我的情况） ，添加以下代码。 功劳铁青 ，他v2ex灵感和样品代码。
＃统治净值（边界： 1px固＃ cc9900 ;边境顶： 0px ;明确：既;高度： 21px ;背景色： ＃ f0f8ff ;保证金底： 10px ;背景色： ＃ eaeff4 ;明确;既;填料： 0px ）
＃统治净值：连接统治＃净值一：走访（颜色： ＃ 000 ;文装饰：无; ）
＃统治净值a.top ：悬停（背景色： ＃ f0f8ff ）
＃ nav_menu a.top （显示器：块;垫层顶：谁;轧染左： 15px ;垫底层： 0px ; ）
＃ nav_menu一， ＃ nav_menu一：走访（文装饰：无;颜色： 333 ）
＃ nav_menu ， ＃ nav_menu的ul （垫： 0 ;保证金： 0 ;列表式：无; ）
＃ nav_menu a.nav （显示器：块;垫层顶： 2px ;高度： 17px ;宽度： 14em ; ）
＃ nav_menu李（浮法：左; ）
＃ nav_menu李经ul （显示器：块;立场：绝对;宽度： 14em ;左： - 999em ;
混浊： .99 ;过滤：阿尔法（混浊= 99 ） ;背景色： ＃ fff ;
垫层顶： 3px ;垫底层： 3px ;
边境底： 1px固＃今昔;边界右： 1px固＃今昔;边境左： 1px固＃今昔; z指数： 99 ; ）
＃统治净值a.nav ： （悬停颜色： ＃ fff ;文装饰：无;背景色： ＃ 667 ; ）
＃统治净值a.nav ：主动（颜色： ＃ fff ;文装饰：无;背景色： ＃ 333 ; ）
＃ nav_menu李：悬停的ul ， ＃ nav_menu的ul li.sfhover （左：汽车; ）
脚本？
有没有javascript的参与此事。 怪异？ 诀窍在于，可以设置左财产-999统，远远就屏幕左侧边缘，并悬停 ，它集汽车 。
如果你喜欢的功能，只是觉得免费使用代码（ css的，和html ） ，你会得到它。
我的读者，你喜欢这个小改进？