国产欧美二区三区-国产欧美高清-国产欧美国产精品第二区-国产欧美国产精品第一区-小说区 图片区-小说区 综合区 都市激情

當前位置: 首頁 > 站長資訊 > 正文頁面

discuz X3搜索修改美化教程

今天要和大家分享是的discuz X3 搜索框修改教程,我們提供兩種修改方案,希望能夠幫助到discuz的應用者們。a9m網站目錄_網站網址收錄與提交入口

方案一:a9m網站目錄_網站網址收錄與提交入口

1、首先大家要了解discuz的搜索的源文件在哪里:./Template/default/common/pubsearchform.htma9m網站目錄_網站網址收錄與提交入口

找到這個文件后,復制該文件到你所在的論壇模板風格的common文件夾下,我的風格文件夾為template/shuyangweb,建議大家重新命名該文件pubsearchform_cls.htm,那么放入后為:template/shuyangweb/pubsearchform_cls.htma9m網站目錄_網站網址收錄與提交入口

2、直接將12~70行的代碼修改為如下的代碼a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

 a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口


a9m網站目錄_網站網址收錄與提交入口


a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

 a9m網站目錄_網站網址收錄與提交入口

 a9m網站目錄_網站網址收錄與提交入口

 a9m網站目錄_網站網址收錄與提交入口

 a9m網站目錄_網站網址收錄與提交入口

直接刷新首頁后,會看到搜索框直接變成了如下圖的效果:a9m網站目錄_網站網址收錄與提交入口


a9m網站目錄_網站網址收錄與提交入口

3、我們從template/shuyangweb/common/header.htm中找到代碼修改為刷新預覽下就能看到效果。a9m網站目錄_網站網址收錄與提交入口

注:如果你覺得搜索框的位置不好的話,可以將任意的放到其他的為止,最好前后加個DIV塊,這樣方便控制搜索框。a9m網站目錄_網站網址收錄與提交入口

方案二:a9m網站目錄_網站網址收錄與提交入口

清新版搜索框非常漂亮,現在說下具體修改方法。a9m網站目錄_網站網址收錄與提交入口

templatedefaultcommonpubsearchform.htma9m網站目錄_網站網址收錄與提交入口

//搜索框放大鏡a9m網站目錄_網站網址收錄與提交入口


a9m網站目錄_網站網址收錄與提交入口

//搜索輸入框a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

//搜索框(文章、帖子、圈子、相冊、用戶等)選項a9m網站目錄_網站網址收錄與提交入口

{lang search}

a9m網站目錄_網站網址收錄與提交入口

//搜索2字a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

//熱門搜索詞設置a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

{lang hot_search}: a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

$vala9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

$vala9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

templatedefaultcommonheader.htma9m網站目錄_網站網址收錄與提交入口

//搜索框a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

templatedefaultcommoncommon.cssa9m網站目錄_網站網址收錄與提交入口

//輸入框寬度修改a9m網站目錄_網站網址收錄與提交入口

#scbar_txt { width: 400px; border: 1px solid #FFF; outline: none; font-size: 14px; }a9m網站目錄_網站網址收錄與提交入口

將 width: 400px; 修改成你需要的寬度,比方:width: 100px;a9m網站目錄_網站網址收錄與提交入口

查找a9m網站目錄_網站網址收錄與提交入口

#scbar { height: 44px; border: solid {SPECIALBG}; border-width: 0 1px 1px; background: url({IMGDIR}/search.png) repeat-x 0 0; line-height: 44px; overflow: hidden; }a9m網站目錄_網站網址收錄與提交入口

.scbar_icon_td { width: 50px; background: url({IMGDIR}/search.png) no-repeat 0 -74px; }a9m網站目錄_網站網址收錄與提交入口

.scbar_txt_td, .scbar_type_td { background: url({IMGDIR}/search.png) repeat-x 0 -222px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_txt { width: 400px; border: 1px solid #FFF; outline: none; font-size: 14px; }a9m網站目錄_網站網址收錄與提交入口

.scbar_narrow #scbar_txt { width: 260px; }a9m網站目錄_網站網址收錄與提交入口

.scbar_btn_td { width: 67px; background: url({IMGDIR}/search.png) no-repeat 0 -296px; text-align: center; }a9m網站目錄_網站網址收錄與提交入口

#scbar_btn { margin: 0; padding: 0; border: none; background: transparent none; }a9m網站目錄_網站網址收錄與提交入口

.scbar_type_td { background: url({IMGDIR}/search.png) no-repeat 0 -370px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_type { display: block; padding-left: 5px; text-align: left; text-decoration: none; }a9m網站目錄_網站網址收錄與提交入口

#scbar_type_menu { margin-top: -8px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_hot { padding-left: 8px; height: 45px; overflow: hidden; }a9m網站目錄_網站網址收錄與提交入口

#scbar_hot strong, #scbar_hot a { float: left; margin-right: 8px; white-space: nowrap; }a9m網站目錄_網站網址收錄與提交入口

在下面添加a9m網站目錄_網站網址收錄與提交入口

/* 搜索條 by Pony 1203201332 */a9m網站目錄_網站網址收錄與提交入口

#scbar { margin-top: 10px; border: 1px solid {COMMONBORDER}; background: #F8F8F8; border-radius: 3px; box-shadow: 0 0 10px #FFF inset; }a9m網站目錄_網站網址收錄與提交入口

.scbar_icon_td { width: 10px; background: none; }a9m網站目錄_網站網址收錄與提交入口

.scbar_type_td { width: 69px; background: url({STYLEIMGDIR}/search.png) no-repeat 0 -365px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_type { padding-left: 10px; background: url({STYLEIMGDIR}/search.png) no-repeat -20px -449px; }a9m網站目錄_網站網址收錄與提交入口

.scbar_txt_td { background: url({STYLEIMGDIR}/search.png) repeat-x 0 -217px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_txt { padding-left: 5px; font-size: 12px; }a9m網站目錄_網站網址收錄與提交入口

.scbar_btn_td { width: 80px; background: url({STYLEIMGDIR}/search.png) no-repeat 0 -291px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_btn { padding-left: 20px; width: 75px; letter-spacing: 5px; text-align: left; color: #FFF; box-shadow: none; }a9m網站目錄_網站網址收錄與提交入口

.ie7 #scbar_btn { padding-left: 25px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_type_menu { margin-top: -11px; }a9m網站目錄_網站網址收錄與提交入口

//精簡cssa9m網站目錄_網站網址收錄與提交入口

#scbar { height: 44px; border: solid {SPECIALBG}; border-width: 0 1px 1px; background: url({IMGDIR}/search.png) repeat-x 0 0; line-height: 44px; overflow: hidden; }a9m網站目錄_網站網址收錄與提交入口

.scbar_icon_td { width: 50px; background: url({IMGDIR}/search.png) no-repeat 0 -74px; }a9m網站目錄_網站網址收錄與提交入口

.scbar_txt_td, .scbar_type_td { background: url({IMGDIR}/search.png) repeat-x 0 -222px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_txt { width: 100px; border: 1px solid #FFF; outline: none; font-size: 14px; }a9m網站目錄_網站網址收錄與提交入口

.scbar_narrow #scbar_txt { width: 260px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_btn { margin: 0; padding: 0; border: none; background: transparent none; }a9m網站目錄_網站網址收錄與提交入口

.scbar_type_td { background: url({IMGDIR}/search.png) no-repeat 0 -370px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_type { display: block; padding-left: 5px; text-align: left; text-decoration: none; }a9m網站目錄_網站網址收錄與提交入口

#scbar_hot { padding-left: 8px; height: 45px; overflow: hidden; }a9m網站目錄_網站網址收錄與提交入口

#scbar_hot strong, #scbar_hot a { float: left; margin-right: 8px; white-space: nowrap; }a9m網站目錄_網站網址收錄與提交入口

/* 搜索條 by Pony 1203201332 */a9m網站目錄_網站網址收錄與提交入口

#scbar { margin-top: 10px; border: 1px solid {COMMONBORDER}; background: #F8F8F8; border-radius: 3px; box-shadow: 0 0 10px #FFF inset; }a9m網站目錄_網站網址收錄與提交入口

.scbar_icon_td { width: 10px; background: none; }a9m網站目錄_網站網址收錄與提交入口

.scbar_type_td { width: 69px; background: url({STYLEIMGDIR}/search.png) no-repeat 0 -365px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_type { padding-left: 10px; background: url({STYLEIMGDIR}/search.png) no-repeat -20px -449px; }a9m網站目錄_網站網址收錄與提交入口

.scbar_txt_td { background: url({STYLEIMGDIR}/search.png) repeat-x 0 -217px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_txt { padding-left: 5px; font-size: 12px; }a9m網站目錄_網站網址收錄與提交入口

.scbar_btn_td { width: 80px; background: url({STYLEIMGDIR}/search.png) no-repeat 0 -291px; text-align: center; }a9m網站目錄_網站網址收錄與提交入口

#scbar_btn { padding-left: 20px; width: 75px; letter-spacing: 5px; text-align: left; color: #FFF; box-shadow: none; }a9m網站目錄_網站網址收錄與提交入口

.ie7 #scbar_btn { padding-left: 25px; }a9m網站目錄_網站網址收錄與提交入口

#scbar_type_menu { margin-top: -11px; }a9m網站目錄_網站網址收錄與提交入口

修改前:a9m網站目錄_網站網址收錄與提交入口


a9m網站目錄_網站網址收錄與提交入口

修改后:a9m網站目錄_網站網址收錄與提交入口


a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

a9m網站目錄_網站網址收錄與提交入口

  

此文由 網站目錄_網站網址收錄與提交入口 編輯,未經允許不得轉載!:

相關文章