zblogphp版目前還無(wú)任何插件實(shí)現(xiàn)導(dǎo)航欄下拉框，根據(jù)自己研究和網(wǎng)上的知識(shí)，終于研究成功。下面說(shuō)下實(shí)現(xiàn)步驟：

一、在導(dǎo)航條所在模板模板加入更改以下代碼

• 首頁(yè){module:navbar}

更改為：

• 首頁(yè){module:catalog}

二、CSS導(dǎo)航條換成以下代碼，背景、顏色、大小、高度自己替換即可#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;}?/*導(dǎo)航條A的顏色*/

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

/*下拉框菜單設(shè)置*/

#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;?}

/*下拉框字體大小顏色間距設(shè)置*/

#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;}

三、進(jìn)入后臺(tái)->模塊管理->網(wǎng)站分類(lèi)->樣式更改為UL嵌套

四、刷下緩存，看下效果。如果有錯(cuò)位，修改下CSS調(diào)整成最佳效果就行了。

本文關(guān)鍵詞：zblogphp

文章內(nèi)容如未標(biāo)明來(lái)源,皆為本站原創(chuàng),本站保留所有版權(quán)！

如需轉(zhuǎn)載,請(qǐng)注明文章轉(zhuǎn)載自：楊發(fā)文博客 謝謝！

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

本類(lèi)其他文章閱讀?:

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。