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;
阅读剩余
十月 25

本站历史上的今天

    "吼吼~~~,往年的今天站长不知道跑哪里偷懒去了~~~"
提示:本文最后更新于2024年10月25日,如有错误或者已经失效,请留言告知。
THE END
赶紧收藏我们,查看更多心仪的内容?按Ctrl+D收藏我们 或 发现更多