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

puppy

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

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

路径为:Discuz_X3.0_SC_GBKuploadstaticimagecommon

错位如图:


还是不行就修改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缓存问题就解决。


相关推荐
  • 佛山seo-佛山seo网站优化外包公司【top5】
  • 为什么你的网站没有受到搜索引擎的喜爱
  • 网站索引量一直在下降是什么原因
  • 为什么网站排名不稳定
  • 老网站为什么会被降权
  • 系统推荐
  • 新网站排名不稳定属于正常现象吗
  • 新手学习SEO易走的弯路
  • 企业网站SEO每天更新多少篇文章合适
  • 想成为SEO高手,这些技能你必须掌握
  • 网站原创文章对SEO的作用有多大
  • 热门关键词
    DZ关键词访问网站优化死链排名优化


    puppy

    官方运营-Sean丶♥

    5235 SEO文章

    评论