DISCUZ升级X3后搜索框错位的解决方法

zxaDFEp · 发表于 2013-1-19 19:18:20

今天很闲就把DISCUZ X2升级到了X3发现升级后搜索框错位，在论坛搜索了下发现很多这问题，自己就用了简单的修改CSS解决

如图片
135357f2bselm2ghus9t6i.jpg.thumb.jpg

最简单的解决办法，修改/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)

保存上传到目录，到后台更新缓存问题解决。