免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: [問題] 求问：导航栏怎么替换图片让文字显示正常 [打印本頁]
作者: IndianaJones    時間: 2015-12-28 13:04     標題: 求问：导航栏怎么替换图片让文字显示正常

其实就是仿X3风格的导航栏加宽，想弄成灰色宽一些的样式，下面是示例图：


原来的导航栏是窄的：


想替换成，或者说加宽成：



导航栏图片的地址在哪一个模板啊，没找到，当初导入风格xml文件里面有，但是如果要重新导入xml的话，有的就乱了，有没有办法直接修改模板替换导航栏图标

爬文木有搜到所以发问一下~~
作者: qianyin    時間: 2015-12-28 14:37

模板的话，是在header里面。但是要修改图片或者长度高度是在css_common里面。
在模板里面找到#menu就可以看到图片地址了，height的数值就是高度。
如果是风格文件的话在风格的页脚文字色里找#menu。
作者: qianyin    時間: 2015-12-28 14:45

我不知道你的论坛风格是直接导入风格文件就好，还是还得需要改动模板。
一般来说换图片可以直接在风格换就好，如果是风格文件的页脚文字色那里就有加代码的话，直接修改风格里面的代码中的图片地址就好。
反正找到#menu就对了，格式就是#menu{background:url(图片地址) repeat-y center;  height:高度px;}，这里只是一个示例中括号里面各种代码都不一定的
作者: IndianaJones    時間: 2015-12-29 12:14

模板的话，是在header里面。但是要修改图片或者长度高度是在css_common里面。
在模板里面找到#menu就可以看 ...
qianyin 發表於 2015-12-28 14:37



    css_common找到的是：

  1. #menu { position: absolute; right: 0; bottom: 0; _bottom: -2px; height: 26px; }
  2.         #menu li { display: inline; float: left; margin-left: 5px; {MENUBGCODE}; }
  3.                 #menu a { float: left; padding: 0 14px; height: 25px; border: solid {MENUBORDER}; border-width: 1px 1px 0; background: transparent none; line-height: 25px; color: {MENUTEXT}; text-decoration: none; overflow: hidden; }
  4.                         #menu a.dropmenu { padding-right: 20px; background-image: url({IMGDIR}/arrow_down.gif); background-repeat: no-repeat; background-position: 95% 50%; }
  5.                 #menu a:hover { border-color: {HEADERBORDERCOLOR}; background-color: {MENUHOVER}; color: {MENUHOVERTEXT}; }
  6.                 #menu li.current a { height: 26px; border-color: {HEADERBORDERCOLOR}; background-color: {MENUHOVER}; color: {MENUHOVERTEXT}; }
複製代碼


木有导航栏图地址
作者: qianyin    時間: 2015-12-29 13:33

回復 4# IndianaJones


    那就在风格里面的页脚文字色找吧，或者把风格文件用记事本打开，再找#menu



歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://sclub.com.tw/discuz/) Powered by Discuz! 7.2