[7B2主题美化]首页动态搜索模块(超级改良版)

效果展示

[7B2主题美化]首页动态搜索模块(超级改良版)


具体效果可以在电脑端看我的网站主页:https://www.aioscn.com/

美化教程

第一步:在后台>>B2主题设置>>常规设置>>头部HTML标签 添加代码:

那个背景的动态视频大家可以上传到自己服务器去引用。这里是引入阿里矢量图标,如果链接失效后请自行修改自己想要的图标。

<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_3290918_bwveur0fle.css" />
<script src="//at.alicdn.com/t/font_3290918_bwveur0fle.js"></script>

 

如下面这个图片所示

 
[7B2主题美化]首页动态搜索模块(超级改良版)

第二步:后台>>B2主题设置>>模块管理>>首页>>添加自定义模块>>放入以下代码

 

上面这些代码放入自定义HTML里面
后台设置方法:关闭小工具,可见性就选桌面吧(电脑端)可见,这个模块太大了!手机也显示不好。宽度选:铺满窗口

 
[7B2主题美化]首页动态搜索模块(超级改良版)

第三步:在主题目录b2/Assets/fontend/style.css 这个文件里面加上以下代码:

 

第四步,加载jquery-3.6.0.min.js

没加载这个jquery-3.6.0.min.js,导致搜索框右边的 百度 Bing 站内搜索那些选项点击不了!

就是在后台常规  头部HTML标签 (就是跟上面引入阿里图标库那个框里面)添加代码:再引入这个jquery-3.6.0.min.js

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

最后保存,强制刷新浏览器缓存就可以看到效果了哦

重要提示

如有解压密码: 看下载页、看下载页、看下载页。
源码工具资源类具有可复制性: 建议具有一定思考和动手能力的用户购买。
请谨慎考虑: 小白用户和缺乏思考动手能力者不建议赞助。
虚拟商品购买须知: 虚拟类商品,一经购买打赏赞助,不支持退款。请谅解,谢谢合作!

[7B2主题美化]首页动态搜索模块(超级改良版)-源码资源网
[7B2主题美化]首页动态搜索模块(超级改良版)
此内容为付费阅读,请付费后查看
2
限时特惠
5
立即购买
您当前未登录!建议登陆后购买,可保存购买订单
付费阅读
© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容