本站底部友情链接导航教程

很多网友问久伴网站底部友链样式，久伴一直很忙，今天忙里偷闲跟大家分享一下本站友链样式实现教程

打开主题目录/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;
}
    
}