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

学习NO.1

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

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

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

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

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

找到CSS样式

1. #nv { overflow: hidden; height: 33px; {MENUBGCODE}; }
   
2.                                 #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; }
   
3.                                         .ie_all #nv li { line-height: 36px; }
   
4.                                         .ie6 #nv li { line-height: 33px; }
   
5.                                         #nv li a { float: left; padding: 0 15px; height: 33px; }
   
6.                                                 #nv li a { color: {MENUTEXT}; }
   
7.                                                 #nv li span { display: none; }
   
8.                                         #nv li.a { margin-left: -1px; {MENUHOVERBGCODE}; }
   
9.                                                 #nv li.a a { color: {MENUHOVERTEXT}; }
   
10.                                                 #nv li a:hover { background: url({IMGDIR}/nv_a.png) no-repeat 50% -66px; }
    
11.                                                 #nv li.hover a:hover, #nv li.hover a { background: url({IMGDIR}/nv_a.png) no-repeat 50% -99px; }

复制代码

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

CSS样式为

1. #nv { overflow: hidden; padding-left: 3px; height: 33px; {MENUBGCODE}; }
   
2.                                 #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; }
   
3.                                         .ie_all #nv li { line-height: 36px; }
   
4.                                         .ie6 #nv li { line-height: 33px; }
   
5.                                         #nv li a { float: left; padding: 0 15px; height: 33px; }
   
6.                                                 #nv li a { color: {MENUTEXT}; }
   
7.                                                 #nv li span { display: none; }
   
8.                                         #nv li.a { margin-left: -1px; {MENUHOVERBGCODE}; }
   
9.                                                 #nv li.a a { color: {MENUHOVERTEXT}; }
   
10.                                                 #nv li a:hover { background: url({IMGDIR}/nv_a.png) no-repeat 50% -66px; }
    
11.                                                 #nv li.hover a:hover, #nv li.hover a { background: url({IMGDIR}/nv_a.png) no-repeat 50% -99px; }

复制代码

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

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！