善恶资源网专注优秀技术教程分享网-傅汉松!

手机网站底部拨打电话功能制作(wordpress、dede通用方法)

傅汉松 技术教程

汉松出品|资源介绍

傅汉松本次为大家分享的是手机网站底部拨打电话功能制作(wordpress、dede通用方法)

傅汉松

下面老鱼网介绍一下手机网站底部拨打电话功能制作的方法,这个方法是通用方法,不管你是WordPress、dede还是其它网站,都是通用的方法。

方法/步骤

将以下的代码复制到自己网页的特别底部标签止面,用于创建一个DIV框,用于制作底部拨打电话功能区域;(注意修改代码里的电话号码)

<div class="ftkf">
<ul class="clearfix">
<li><a href="tel:0108888888" mce_href="tel:01088888888"><img src="footer01.png">电话咨询</a></li>
<li><a href="sms:88888888"><img src="footer03.png">短信咨询</a></li>
<li><a rel="nofollow" href="mqqwpa://im/chat?chat_type=wpa&amp;uin=2399118408&amp;version=1&amp;src_type=web&amp;web_src=xuewangzhan.net"><img src="footer04.png">QQ客服</a></li>
<li><a href="https://www.xuewangzhan.net/"><img src="footer05.png">学做网站论坛</a></li>
</ul>
</div>

将以下的CSS样式代码放到自己网站的CSS文件里,用于控制手机网站底部拨打电话功能框样式;(当然也可以根据自己的喜好修改样式)

/*底部一键拔号样式**
**代码来源:学做网站论坛https://www.xuewangzhan.net/**
*/
.ftkf {padding: 1% 0.5%;background:green;z-index: 99;position: fixed;bottom: 0px;width: 100%;}
.ftkf li{width:25%;text-align:center;float:left;}
.ftkf li a {display: block;color: #fff;}
.ftkf li img {display: block;width: 30px;height: 30px;margin: 0 auto 8px;}

这样,手机网站底部拨打电话功能就制作好了。制作好的拨打电话功能框是一直位于手机网站的底部区域,支持一键拔号的。


标签: 暂无标签

免责声明:

本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:321976193@qq.com

同类推荐
评论列表

技术教程 手机网站底部拨打电话功能制作(wordpress、dede通用方法)
下面老鱼网介绍一下手机网站底部拨打电话功能制作的方法,这个方法是通用方法,不管你是WordPress、dede还是其它网站,都是通用的方法。方法/步骤将以下的代...
扫描二维码阅读原文
QQ娱乐网 January, 01
生成社交图 ×
    81.86ms