美文网首页
Flarum beta9 怎么加友情链接

Flarum beta9 怎么加友情链接

作者: realguan | 来源:发表于2019-11-23 13:10 被阅读0次

    Flarum beta9 怎么加友情链接

    可以利用广告位放友情链接,效果图如下:

    image

    方法如下:

    一、安装 Flarum beta9 广告位插件

    使用Bazaar或手动安装,手动安装命令如下:

    composer require flagrow/ads
    

    二、将友情链接代码放入侧边标签下广告位

    image

    参考代码:

    <div class="sideNav links">
    <li class="Dropdown-separator"></li>
    <a><i class="fa fa-link Button-icon"></i><span class="Button-label">友情链接</span></a>
    <li class="Dropdown-separator"></li>
    <ul class="links-list">
    
    <li class="item">
    <a class="TagLinkButton hasIcon" href="https://discuss.flarum.org" target="blank" style="" title="Flarum官方论坛">
    <i class="icon Button-icon" ><img src="https://discuss.flarum.org/assets/favicon-sltwadyk.png" width="16" height="16"></i>
    Flarum官方论坛
    </a>
    </li>
    
    </ul>
    <li class="Dropdown-separator"></li>
    </div>
    

    三、调整样式

    image

    代码如下:

    // 友链样式
    .sideNav>ul {
        margin-top: 10px;
    }
    .links a {
        cursor: pointer;
        color: #80817e;
        text-decoration: none;
    }
    .links a:hover {
        text-decoration: none;
        color:#f25f5c;
    }
    .TagsPage>.container>.sideNav .item-flagrow-ad {
        display:none;
    }
    

    大功告成了!

    相关文章

      网友评论

          本文标题:Flarum beta9 怎么加友情链接

          本文链接:https://www.haomeiwen.com/subject/svkhwctx.html