【Multicraft美化】如何在Muticraft中加入悬浮QQ客服按钮

3.png
首先使用sftp连接工具连接到你的服务器。
到达/var/www/html/multicraft/themes/default/views/layouts/components路径
1.png
下载banner.php进行编辑,不是很熟练的可以先备份一份。最好使用notepad++进行编辑,珍爱代码远离记事本。
然后在</div><!-- header -->这里按一下回车新建一行粘贴以下代码
2.png
<div class="side-btn">
 <ul>
 <li>
 <a class="contact goTo js-contact" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes" title="联系我"></a>
 </li>
 </ul>
</div> 
<style>.side-btn{position:fixed;bottom:100px;right:5px;width:75px;height:160px;z-index:999}.side-btn .goTo{width:75px;height:75px;text-align:center;display:block;text-decoration:none}.side-btn ul>li{position:relative;height:75px}.contact{background:url("//img.chinanetcenter.com/wscloud/img/totop.png") no-repeat 0 -150px}.side-btn .contact:hover{background:url("//img.chinanetcenter.com/wscloud/img/totop.png") no-repeat 0 -225px}</style>		
title=""里面的东西是可以自行更改的,想写什么都能写,当鼠标移动到上面的时候就会显示出来这段文字。
将你的QQ号更改之后就可以保存然后上传覆盖掉原文件了。


本博客所有文章如无特别注明均为原创。作者:战地黑鹰复制或转载请以超链接形式注明转自 战地黑鹰博客
原文地址《【Multicraft美化】如何在Muticraft中加入悬浮QQ客服按钮
分享到:更多

相关推荐