弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 2805|回复: 0

Contact.CSS示范脚本

[复制链接]
发表于 2019-2-25 09:59:30 | 显示全部楼层 |阅读模式
contact.jpg
DIV:
<div class="contact col-md-5">$func_contact(show=urlqrcode|addr|hotline|tel|mail)$</div>

CSS:
.contact{ padding-left:150px; position: relative; min-height:140px;}
.urlqrcode{ display: inline-flex; padding-left:-150px; position: absolute; left: 0;}
.urlqrcode .dt{display: none;}

弘帝框架改进加图标:
.contact{ padding-left:150px; position: relative; min-height:140px;font-size: 87.5%;line-height: 2.2em}
.contact .address::before{ content:'\f2b9'; margin-right:10px;}
.contact .tel::before{ content:'\f095'; margin-right:10px;}
.contact .mail::before{ content:'\f0e0'; margin-right:10px;}
.contact .hotline::before{ content:'\f1e4'; margin-right:10px;}
.urlqrcode{ display: inline-flex; padding-left:-150px; position: absolute; left: 0;}
.urlqrcode .dt{display: none;}
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-11-27 14:48 , Processed in 0.051477 second(s), 19 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表