zblogphp版目前還無任何插件實現導航欄下拉框，根據自己研究和網上的知識，終于研究成功。下面說下實現步驟：

一、在導航條所在模板模板加入更改以下代碼

• 首頁{module:navbar}

更改為：

• 首頁{module:catalog}

二、CSS導航條換成以下代碼，背景、顏色、大小、高度自己替換即可#nav{

background:?url(image/nav.jpg)?#1e3e74?repeat-x?;height:40px;width:960px;line-height:40px;

font-weight:normal;margin:0?auto;?position:relative;?z-index:10000;}

#nav?ul{height:28px;width:720px;float:left;}

#nav?li{

float:left;?line-height:28px;position:?relative;height:?100%;?width:?auto;?text-align:center;

}

#nav?a{padding:10px?25px;?display:block;color:#f8f8f8;font-weight:normal;font:?14px?'Microsoft?Yahei',Verdana,?Arial,?Helvetica,?sans-serif;}?/*導航條A的顏色*/

#nav?a:hover{background:url(image/nav_current.png)?no-repeat?50%?0px;?text-decoration:none;?color:?#FFFFFF;}

/*下拉框菜單設置*/

#nav?ul?ul?{visibility:hidden;padding:0px?0px?0px?0px;width:100%;white-space:nowrap;font:?12px?'Microsoft?Yahei',Verdana,?Arial,?Helvetica,?sans-serif;?/*background-color:#1D4E86;*/background:url(image/nav_current.png)?no-repeat?50%?0px;}

#nav?ul?li:hover?ul,

#nav?ul?a:hover?ul{visibility:visible;?margin:auto;?}

/*下拉框字體大小顏色間距設置*/

#nav?ul?ul?li?a{width:?auto;margin:0;padding:0px?0px?0px?0px;color:#f8f8f8;font-weight:normal;line-height:28px;background:?url(image/nav_edge.png)?no-repeat?0px?50%;}

#nav?ul?li?ul?li{

line-height:?28px;

position:?relative;

height:?100%;

width:?100%;

text-align:?center;}

三、進入后臺->模塊管理->網站分類->樣式更改為UL嵌套

四、刷下緩存，看下效果。如果有錯位，修改下CSS調整成最佳效果就行了。

本文關鍵詞：zblogphp

文章內容如未標明來源,皆為本站原創,本站保留所有版權！

如需轉載,請注明文章轉載自：楊發文博客 謝謝！

本文永久鏈接：http://www.yangfawen.net/article-26.html

本類其他文章閱讀?:

總結

以上是生活随笔為你收集整理的php zblog 侧边栏样式_zblogphp版如何实现导航栏下拉框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。