ripro-V2主题美化底部添加二维码和客服咨询
V2主题相比ripro主题比较简洁,减少了许多没必要的功能和冗余代码,运行速度也相对要快一点,RIPRO-V2主题底部添加二维码和客服咨询比较简单了,直接在小工具中添加即可。
代码部署
直接在小工具中添加自带的图片模块在模块中设置二维码图片即可,右下角的客服咨询直接添加模块自定义HTML模块,在模块中放入如下代码,写的时候精简了没必要代码自己复制过去粘贴。
<div id="col-contact"><p class="phone">39笔记</p><span class="serviceTime"><p>周一至周日 8:00-22:00</p><p>(欢迎前来咨询)</p></span><a rel="nofollow" class="btn-line-primary" href="http://wpa.qq.com/msgrd?v=3&uin=6447834&site=qq&menu=yes" rel="external nofollow" target="_blank">合作咨询</a></div>
然后在复制CSS代码到主题的app.css文件中粘贴即可。
/***********底部右下角*******/ #col-contact{text-align:center;float:left;} #col-contact .phone{margin:0;margin-bottom:10px;font-weight:600;font-size:22px;line-height:1;color:#1c63ff;text-align:center} #col-contact p{margin:8px;font-size:12px;text-align:center;color:#555} #col-contact a.btn-line-primary{display:inline-block;width:150px;height:38px;padding:0;margin:0;font-size:14px;line-height:38px;text-align:center;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;border-radius:5px;color:#fff;background:#1c63ff;} #col-contact a.btn-line-primary:hover{color:#1c63ff;border:1px solid #1c63ff!important;background:#fff !important
;
阅读剩余
提示:本文最后更新于2024年10月25日,如有错误或者已经失效,请留言告知。
THE END