请选择 进入手机版 | 继续访问电脑版

IT618

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 341|回复: 0

IT618大插件模板底部页脚自定义代码(高端大气双二维码风格)

[复制链接]
<

252

主题

298

帖子

3093万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
30934758
发表于 2021-11-3 10:40:50 | 显示全部楼层 |阅读模式
QQ截图20211103104035.png QQ截图20211105080314.png

<style type="text/css">
.clear{clear:both;}
.it618footer{margin-top:10px;}
.it618fttop{width:100%;background:#333; padding-bottom:30px;padding-top:39px;color:#ccc;font-size:12px;}
.it618w1200{width:1200px;margin:0 auto;}
.it618links{float:left;width:420px;}
.it618links ul li{width:140px;float:left;text-align:left;}
.it618links ul li p{font-size:14px;color:#fff;display:block;}
.it618links ul li a{color:#ccc;font-size:12px;display:block;margin-top:10px;}
.it618links ul li a:hover{color:#fff;}
.it618spread{float:left;border-left:1px solid #484848;border-right:1px solid #484848;padding:0 50px;}
.it618spread p{font-size:16px;margin-bottom:15px;text-align:center;}
.it618spread .it618weixin{margin-right:20px;}
.it618spread .it618weixin,.it618spread .it618appft{float:left;text-align:center;}
.it618spread .it618weixin img,.it618spread .it618appft img{width:100px;height:100px;}
.it618spread .it618weixin p,.it618spread .it618appft p{font-size:12px;color:#ccc;margin-top:10px;}
.it618contact{width:385px;margin-left:35px;float:left;}
.it618fttel{padding-bottom:10px;display:block;color:#ccc;font-size:36px;cursor:default;font-size:12px;}
.it618fttel p{font-size:14px;color:#ccc;margin:0;}
.it618fttel span{vertical-align:middle;display:inline-block;background:url(source/plugin/it618_video/images/sprite.png) no-repeat 0 -198px;width:53px;height:50px;margin-right:10px;float:left;margin-top:10px;}
.it618fttel b{font-size:35px;font-weight:normal;}
.it618contact p.c-aaa{color:#aaa;margin-bottom:6px;font-size:12px;}
.it618contact p.it618666,.it618contact p.it618666 a{color:#ccc;}
.it618contact p.it618666 a:hover{color:#fff;}
.it618official{background:#292929;padding:15px 0;text-align:center;overflow:hidden;color:#aaa;}
.it618official a{display:inline-block;margin-right:6px;color:#aaa;}
.it618official a:hover{color:#fff;}
</style>
<div class="it618footer">
        <div class="it618fttop">
                <div class="it618w1200">
                        <div class="it618links">
                                <ul>
                                        <li>
                                                <p>
                                                        公司网站
                                                </p>
<a href="#" target="_blank">品牌门户</a> <a href="#" target="_blank">技术论坛</a> <a href="#" target="_blank">京东企业店</a> <a href="#" target="_blank">淘宝店铺</a>
                                        </li>
                                        <li>
                                                <p>
                                                        积分管理
                                                </p>
<a href="#" target="_blank">我的积分</a> <a href="#" target="_blank">兑换奖品</a> <a href="#" target="_blank">积分介绍</a> <a href="#" target="_blank">查看晒单</a>
                                        </li>
                                        <li>
                                                <p>
                                                        关于我们
                                                </p>
<a href="#" target="_blank">联系我们</a> <a href="#" target="_blank">管理团队</a> <a href="#" target="_blank">发展历程</a> <a href="#" target="_blank">安全保障</a>
                                        </li>
                                </ul>
                        </div>
                        <div class="it618spread">
                                <p>
                                        关注我们:微信订阅号
                                </p>
                                <div class="it618weixin">
                                        <img src="source/plugin/it618_video/images/code.png" />
                                        <p>
                                                官方微信
                                        </p>
                                </div>
                                <div class="it618appft">
                                        <img src="source/plugin/it618_video/images/code.png" />
                                        <p>
                                                APP下载
                                        </p>
                                </div>
                        </div>
                        <div class="it618contact">
                                <div class="it618fttel clear">
                                        <span></span>
                                        <div class="it618fttext" style="line-height:18px">
                                                <p>
                                                        客服服务热线:
                                                </p>
                                                <p>
                                                        <br />
                                                </p>
<b>021-12345678</b>
                                                <p>
                                                        <br />
                                                </p>
                                        </div>
                                </div>
                                <p class="c-aaa">
                                        北京-总部:这是地址这是地址这是地址这是地址这是地址
                                </p>
                                <p class="c-aaa">
                                        上海-分部:这是地址这是地址这是地址这是地址这是地址
                                </p>
                                <p class="c-aaa">
                                        邮编:123456  Email:123@qq.com
                                </p>
                        </div>
                        <div class="clear">
                        </div>
                </div>
        </div>
        <div class="it618official">
                Copyright   &#169;2030-2026 <a href="" target="_blank"></a>内容版权归&#169;<a href="#" target="_blank">ABC.COM</a><a href="https://beian.miit.gov.cn/" target="_blank">备案号:京ICP备123456789号-2</a>
        </div>
</div>
以上蓝色的图片下载:




回复

使用道具 举报

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

本版积分规则

插件教程|常见问题|扫码访问手机版|IT618

GMT+8, 2022-5-26 13:58

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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