文章页本站现用的页脚CSS代码

文章页本站现用的页脚CSS代码

前言:

文章页本站现用的页脚CSS代码，如果对你有帮助就看看吧。

正文:

今天给本站的文章页换了一个页脚挺好的，这也是我一直以来忽略的问题，因为页脚用首页的话，因为首页页脚有友情链接，频繁的更换删除友链链接或许对文章的排名有所影响，我看很多网站的文章页脚都和首页的不同的，所以文章页的页脚干脆就不弄友情链接了，弄简洁一点就行了，稍微的改版一下。

这个页脚代码是从Emlog的一个模板中集成过来的，挺简洁好看的，如果要看效果图就自行看本文下面的页脚是一样的哈，如何使用就不用我来说了吧，直接放到自己模板的footer就好了。

直接上代码HTML代码：

<footer class="footer">
<div class="container copy-right">
<div class="footer-tag-list">
<div style="margin: 10px; 0 0 0;">
<a href="sitemap.xml" target="_blank">网站地图</a>
丨<a href="sitemap.xml">文章存档</a>
丨<a href="http://aidezy.com/%e5%85%b3%e4%ba%8e%e6%88%91%e4%bb%ac">关于我们</a>
丨<a href="https://tongji.baidu.com/web/welcome/ico?s=535f1a5e7960a6c269c7fdcc6a1e8d6a">百度统计</a>
</div>
<span><i class="fa fa-html5"></i> Copyright © 2016-2020丨<a href="http://aidezy.com">AIDE技术网</a>
丨<img src="http://wl.aidezy.com/2019061415052248402837.png" class="side-icp">&nbsp;<a href="http://www.beian.miit.gov.cn/" rel="nofollow" title="" data-toggle="tooltip" data-placement="top" data-original-title="渝ICP备19003313号">渝ICP备19003313号</a>
<span style="margin: 10px; 0 0 0;">
AIDE技术网 (aidezy.com) 免费分享各种技术综合类教程、各类网站程序源码、模板插件,专为新手站长打造最好的技术博客,来这里和无陌然一起进步学习吧.
</span>
</span>
</div>
</div>
</footer>

CSS代码:

.footer{
padding: 0px 0px!important;
border-top: 1px solid #e6e6eb!important;
background-color: #ffffff!important;
padding-top: 5px!important;
position: relative!important;
margin-top: 20px!important;

}

.footer .copy-right {
margin-top: 10px!important;
position: relative!important;
z-index: 400!important;
text-align: center!important;
}

.footer .copy-right, footer .copy-right span a {
color: #333!important;
font-size: 14px!important;
}
.footer .footer-tag-list {
margin-bottom: 20px!important;
}
.footer .footer-tag-list a {
font-size: 13px!important;
margin-right: 8px!important;
}
.footer .copy-right span {
display: block!important;
}
.footer .copy-right a {
color: #333!important;
height: 40px!important;
}
.footer .footer-tag-list a {
font-size: 13px!important;
margin-right: 8px!important;
}
.side-icp {
top: 1px!important;
width: 16px!important;
height: 17px!important;
vertical-align: middle!important;
margin: -4px 0 0 0!important;
}
.footer .copy-right a {
color: #333!important;
height: 40px!important;
}
.footer .footer-tag-list a {
font-size: 13px!important;
margin-right: 8px!important;
}
.footer .copy-right span {
display: block!important;
}


.footer-tag-list span{
margin-top: 15px!important;

}

@media (max-width: 640px){
.footer .footer-tag-list {
margin-bottom: 80px!important;
}