因为专注
所以专业

Discuz升级X3.2后搜索框错位的解决方法

今天在操作DISCUZ  X2.5升级到了X3.5发现升级后搜索框错位,我以为是没有更新缓存的问题,然后我更新缓存发现还是不行,这个时候我们就得看看是不是图片和CSS的问题了。下面SEO博客就跟大家来演示下。首先看看是不是图片的问题,如果是图片的问题,你只要用换上X3.2的原版图片就可以了。

路径为:Discuz_X3.0_SC_GBK\upload\static\image\common

错位如图:

1

还是不行就修改CSS来解决了,DISCUZ 修改css路径:

修改/template/default/common/common.css

1、找到网站目录/template/default/common/common.css文件用记事本打开查找

#scbar { overflow: hidden; height: 42px; line-height: 42px; border-top: 1px solid #FFF; border-bottom: 1px solid #E9EFF5; background: #E8EFF5; }
.scbar_icon_td { width: 21px; background: url({IMGDIR}/search.png) no-repeat 0 -50px; }
.scbar_txt_td, .scbar_type_td { background: url({IMGDIR}/search.png) repeat-x 0 -93px; }
#scbar_txt { width: 400px; border: 1px solid #FFF; outline: none; }
.scbar_narrow #scbar_txt { width: 260px; }
.scbar_btn_td { width: 38px; background: url({IMGDIR}/search.png) no-repeat 8px -142px; }
#scbar_btn { margin: 0; padding: 0; border: none; background: transparent none; box-shadow: none; }
#scbar_btn strong { line-height: 84px; }
.scbar_type_td { width: 61px; background: url({IMGDIR}/search.png) no-repeat 0 -193px; }
#scbar_type { display: block; padding-left: 10px; text-align: left; text-decoration: none; }
#scbar_type_menu { margin-top: -8px; }
#scbar_hot { padding-left: 8px; height: 45px; overflow: hidden; }
#scbar_hot strong, #scbar_hot a { float: left; margin-right: 8px; white-space: nowrap; }

 

替换成如下

#scbar{height:44px;border:solid #E5EDF2;border-width:0 1px 1px;background:url({IMGDIR}/search.png) repeat-x 0 0;line-height:44px;overflow:hidden;}
.scbar_icon_td{width:50px;background:url({IMGDIR}/search.png) no-repeat 0 -74px;}
.scbar_txt_td,.scbar_type_td{background:url({IMGDIR}/search.png) repeat-x 0 -222px;}
#scbar_txt{width:400px;border:1px solid #FFF;outline:none;font-size:14px;}
.scbar_narrow #scbar_txt{width:260px;}
.scbar_btn_td{width:67px;background:url({IMGDIR}/search.png) no-repeat 0 -296px;text-align:center;}
#scbar_btn{margin:0;padding:0;border:none;background:transparent none;}
.scbar_type_td{background:url({IMGDIR}/search.png) no-repeat 0 -370px;}
#scbar_type{display:block;padding-left:5px;text-align:left;text-decoration:none;}
#scbar_type_menu{margin-top:-8px;}
#scbar_hot{padding-left:8px;height:45px;overflow:hidden;}
#scbar_hot strong,#scbar_hot a{float:left;margin-right:8px;white-space:nowrap;}

 

注意如果不显示背景图片请修改成绝对地址如下:
例:url(../../template/模板目录/img/search.png)

保存上传到目录,到后台更新缓存和CSS缓存问题就解决。

2

3

未经允许不得转载:肖兴来SEO博客 » Discuz升级X3.2后搜索框错位的解决方法
分享到: 更多 (0)

评论 3

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    好复杂呢 看着就头疼 哎 做网站真痛苦

    卢松松商城3年前 (2016-09-16)回复
  2. #2

    谢谢分享

    爱站库网站收录平台3年前 (2016-10-30)回复
  3. #3

    不错,很实用,感谢!

    互联网笔记2年前 (2017-07-26)回复