解决Discuz2.0 x2.5升级DiscuzX3.0 X3.1搜索模板错位

解决Discuz2.0 x2.5升级DiscuzX3.0 X3.1搜索模错位

很多Discuz爱好者在升级X3.1模板之后，发现搜索区的模板错位。这个懂CSS自己改一下就可以了， 不懂的半天都不知道怎么会事。

源码之家现把方法分享出来，此方法只针对你现使用的旧模板有用。

打开当前根目录\template\default\common\common.css

找到CSS样式

#nv { overflow: hidden; height: 33px; {MENUBGCODE}; }
                                #nv li { float: left; padding-right: 1px; height: 33px; line-height: 33px; background: url({IMGDIR}/nv_a.png) no-repeat 100% 0; font-weight: 700; font-size: 14px; }
                                        .ie_all #nv li { line-height: 36px; }
                                        .ie6 #nv li { line-height: 33px; }
                                        #nv li a { float: left; padding: 0 15px; height: 33px; }
                                                #nv li a { color: {MENUTEXT}; }
                                                #nv li span { display: none; }
                                        #nv li.a { margin-left: -1px; {MENUHOVERBGCODE}; }
                                                #nv li.a a { color: {MENUHOVERTEXT}; }
                                                #nv li a:hover { background: url({IMGDIR}/nv_a.png) no-repeat 50% -66px; }
                                                #nv li.hover a:hover, #nv li.hover a { background: url({IMGDIR}/nv_a.png) no-repeat 50% -99px; }

修改为X2.5模板的CSS样式即可。

CSS样式为

#nv { overflow: hidden; padding-left: 3px; height: 33px; {MENUBGCODE}; }
                                #nv li { float: left; padding-right: 1px; height: 33px; line-height: 33px; background: url({IMGDIR}/nv_a.png) no-repeat 100% 0; font-weight: 700; font-size: 14px; }
                                        .ie_all #nv li { line-height: 36px; }
                                        .ie6 #nv li { line-height: 33px; }
                                        #nv li a { float: left; padding: 0 15px; height: 33px; }
                                                #nv li a { color: {MENUTEXT}; }
                                                #nv li span { display: none; }
                                        #nv li.a { margin-left: -1px; {MENUHOVERBGCODE}; }
                                                #nv li.a a { color: {MENUHOVERTEXT}; }
                                                #nv li a:hover { background: url({IMGDIR}/nv_a.png) no-repeat 50% -66px; }
                                                #nv li.hover a:hover, #nv li.hover a { background: url({IMGDIR}/nv_a.png) no-repeat 50% -99px; }

处理好之后像以下图一下

修改为好之类后网站后台，工具——更新一下缓存即可。

转帖请加上版权
來源:源码之家|源码之家的Discuz!教程网站
地址:http://www.ymzj.cn/thread-79123-1-1.html


推荐阅读：
升级了Discuz x3.0 快捷导航错位，搜索也是错位解决方法
解决Discuz上传提示：服务器限制无法上传那么大的附件提示
DiscuzX2.0 x2.5升级X3.0 X3.1点击diy反应问题解
x3.0,x3.1怎么去掉图片附件下载提示的方法

查看学习

最好提供一个切图。

babyfacer 发表于 2014-3-4 20:57
最好提供一个切图。

非常感谢，提供意见，已上传图！