很多网友问久伴网站底部友链样式,久伴一直很忙,今天忙里偷闲跟大家分享一下本站友链样式实现教程
打开主题目录/footer.php文件 在如下图位置添加HTML代码
<div class="j_footer_link">
<div class="j_footer_link_title"><span>友情链接</span></div>
<div class="j_footer_link_a"><a href="https://jiubx.com/links">申请友链</a></div>
</div>
打开主题目录/Assets/fontend/打开style.css文件在最底部添加以下css代码
.j_footer_title ul {
display:flex;
flex-direction: row;
margin-top: 19px;
}
@media screen and (max-width:760px){
.j_footer_title ul {
display:flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 19px;
}
}
.j_footer_title ul li {
margin: 0 9px;
}
@media screen and (max-width:760px){
.j_footer_title ul li {
margin: 9px 9px;
}
}