爱秀代码 - Powered by Discuz! Board

getWeather({"success":"1","result":[{"cityno":"shanghai"}) 爱秀代码 - Powered by Discuz! Board

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

新浪微博

QQ空间

Facebook

Google+

Plurk

Twitter

Line

标题: [教学] 两步安装X系列搜索框（无需上传图片，外链永久有效。） [打印本页]

作者: icode 时间: 2018-8-29 17:49 标题: 两步安装X系列搜索框（无需上传图片，外链永久有效。）

只需两步安装精仿X系列搜索框（无需上传图片，外链永久有效。）

QQ截图20180829174123.png

1、新建一个模版命名为search_bar，内容是

本帖隐藏的内容需要回复才可以浏览

2、打开header模版找到

$pluginhooks[global_header]

复制

在它的上边加代码

本帖隐藏的内容需要回复才可以浏览

即可。

图片附件: QQ截图20180829174123.png (2018-8-29 17:48, 9.28 KB) / 下载次数 5927
http://icode.258club.com/attachment.php?aid=186&k=69eaf23bb6e7daeba94950bbe6ce2c4f&t=1714177664&sid=58j9Vv

图片附件: 1.gif (2018-8-29 17:48, 33.49 KB) / 下载次数 6343
http://icode.258club.com/attachment.php?aid=187&k=0b4d25f7c640f31dd8298b73b6da71e6&t=1714177664&sid=58j9Vv

作者: 麻城生活网 时间: 2018-8-29 17:57

前排鼎力支持

作者: 麻城生活网 时间: 2018-8-29 18:05

无界兄搜索框调宽度在哪个位置做调整？

作者: 波斯佳人 时间: 2018-8-29 18:08

波斯佳人来顶贴了
惊不惊喜？意不意外？

作者: 麻城生活网 时间: 2018-8-29 18:14

见证奇迹的时刻到了

作者: 麻城生活网 时间: 2018-8-29 18:18

我的问题来了，我的模板好多地方有修改了

作者: 麻城生活网 时间: 2018-8-29 18:19

http://mc0713.66rt.com

完了懵逼了

作者: 麻城生活网 时间: 2018-8-29 18:24

回复 1# icode

无界兄，安装你这个搜索框与我的论坛不兼容了，我自己模块有问题，不知道能不能解决，如果不能解决我是不是要放弃，还是喜欢你这个搜索框，真心的

作者: 麻城生活网 时间: 2018-8-29 18:27

能否帮忙看一下，真心想用你的搜索框

作者: 麻城生活网 时间: 2018-8-29 18:37

然后你在把.tongji_a 的 margin:改为55px 即可

这个在哪个位置呀无界兄，查找不到呢

作者: icode 时间: 2018-8-29 18:40

回复 10# 麻城生活网

图片附件: 222.png (2018-8-29 18:40, 15.47 KB) / 下载次数 5618
http://icode.258club.com/attachment.php?aid=188&k=0ebd19aec970b867524c0d29a68afbeb&t=1714177664&sid=58j9Vv

作者: 麻城生活网 时间: 2018-8-29 18:43

回复 12# icode

我这边还是一样，我更新缓存一下

作者: 無名 时间: 2018-8-29 19:06

我也看看

作者: 麻城生活网 时间: 2018-8-29 19:18

无界兄，我的导航怎么往下移一点与你的搜索框对其，下面是我的导航代码

<style>#menu {background: url([img]http://mc0713.66rt.com/attachments/day_180826/180826130059a80294b250f8a3.png[/img]) no-repeat scroll -3px 1px !important;height: 33px !important;line-height: 33px !important;width: 100% !important;}#menu a {color: #fff !important;padding: 0px 15px !important;height: 33px !important;line-height: 33px !important;font-weight: 700 !important;font-size: 14px !important;}#menu li.current a {color: #0063A7 !important;background: url([img]http://mc0713.66rt.com/attachments/day_180807/1808071058d4b06490f95a03aa.gif[/img]) repeat-x scroll center top #fff !important;}#menu li {background: url([img]http://mc0713.66rt.com/attachments/day_180807/1808071101b1698839834c453c.gif[/img]) no-repeat scroll 100% 0px !important;padding-right: 1px !important;float: left !important;margin-left: 0px !important;}#mn_index {margin-left: 10px !important;}</style>

复制

还有个问题就是我安装的章鱼快捷导航消失了，是不是搜索框覆盖了，需要换别的位置啊

作者: 麻城生活网 时间: 2018-8-29 19:50

各位站长麻烦你们到我站里看下还有没有什么其他的问题

昨天无界兄说我的论坛卡，我优化了一下，你们顺便也测试下我论坛的速度吧

谢了
http://mc0713.66rt.com/index.php

作者: Yenifer 时间: 2018-8-29 20:37

回复 16# 麻城生活网

风格的Css不对，也会造成卡的，因为浏览器要加载你错误的代码并且修复它。我们看到的都是浏览器根据w3c规则修复的

如果卡的话，你可以切换到默认风格，看看卡不卡！

这也是为什么，风格做好，各个浏览器都要测试下的原因！

作者: icode 时间: 2018-8-29 20:50

回复 16# 麻城生活网

我看到你好像已经调整的差不多了，还有两处小细节改一下，把这两段代码放到css_common试试看。

#header {margin-bottom: 5px!important;}
.taglist {margin: 0!important;}

复制

作者: icode 时间: 2018-8-29 20:54

回复 15# 麻城生活网

关于章鱼那个导航你可以改一改css
改为

#qmenu_out {
position: absolute;
right: 0px;
margin-top: 67px;
z-index: 9999;
}

复制

作者: 麻城生活网 时间: 2018-8-30 06:59

本帖最后由麻城生活网于 2018-8-30 07:02 编辑

回复 17# Yenifer

是的，当初因为安装贴内1楼快速回复而修改的主主体宽度1010，因为那时不会修改快速回复的宽度，快速回复存在过宽兄台，如果现在换回默认960的话，估计要修改好多东西，我也是担心我自己搞乱了，不是因为这个问题我早就装了一个防x3的界面了

作者: 麻城生活网 时间: 2018-8-30 07:00

回复 19# icode

这个具体怎么操作呀无界兄？在哪里修改

作者: 麻城生活网 时间: 2018-8-30 07:19

回复 21# 麻城生活网

是的，我调位置是在common

作者: 麻城生活网 时间: 2018-8-30 09:33

回复 19# icode

/*-------------------快捷导航------------------*/
#qmenu_out{position:absolute;right:-4px;bottom:32px;}
#qmenu{display:inline-block;margin:3px 4px 0;padding:0 12px 0 0;width:83px;height:26px;background:url(http://mc0713.66rt.com/attachments/day_180827/18082715321fadfc3041d6bd62.png) no-repeat 0 0;line-height:26px;text-align:center;color:#DD7900;font-weight:700;text-shadow:0 1px 0 #FFF;overflow:hidden;}
#qmenu:hover{text-decoration:none;}
#qmenu.a{position:relative;z-index:150;background-position:0 -30px;}
#qmenu_menu{position:absolute;top:30px;right:4px;animation-name:auto!important;-webkit-animation-name:auto!important;margin-top:-1px;padding:20px 5px 10px;width:180px;border:#9A9A9A 1px solid;background:#ffffff;z-index:150;}
#qmenu_menu ul li{float:left;}
#qmenu_menu ul a{display:inline-block;margin-bottom:10px;padding:47px 0 0;width:60px;border:none;border-radius:4px;background:url(http://www.madio.net/static/image/common/noicon.gif) no-repeat 50% 5px;text-align:center;text-decoration:none;}
#qmenu_menu ul a:hover{background-color:#FFF6B4;color:#369;text-shadow:none;}
#qmenu_menu div{margin:30px auto 30px auto;text-align:center;}
#qmenu_menu div a{border:none;position:static;display:inline;font-weight:bold;color:{HIGHLIGHTLINK};}

复制

是这个代码吧？请问无界兄如何更改你的代码补丁

作者: 麻城生活网 时间: 2018-8-30 17:41

本帖最后由麻城生活网于 2018-8-30 17:42 编辑

回复 1# icode

无界兄刚发现了一个致命的问题

我贴内的发帖回复在搜索框里面了，被挡住了

图片附件: 捕获.PNG (2018-8-30 17:42, 102.93 KB) / 下载次数 5027
http://icode.258club.com/attachment.php?aid=203&k=a6abe9195bc8c85a272f1ee1cc6b1fa0&t=1714177664&sid=58j9Vv

作者: icode 时间: 2018-8-30 17:48

回复 24# 麻城生活网

删掉#nav {
display: none!important;
}

再修改nav原代码为

#nav {
margin: 42px auto 0;
background: url(http://macheng.funbbs.me/attachments/month_1807/1807191118f013fc462f14b0d0.png) no-repeat 0 50%;
text-align: left;
text-indent: 25px;
line-height: 3em;
}

复制