预览图

教程

1.进入后台，找到  外观—自定义

2.点击小工具

3.点击 {论坛}首页-侧边栏

4.点击添加小工具  下滑找到 自定义html

5.点击展开刚添加的小工具，将代码填入

代码

<style type="text/css">
    #update_version img {
        margin: 0px 0 15px
    }

    #update_version a {
        width: 30%;
        height: 35px;
        border-radius: 3px;
        text-align: center;
        line-height: 35px;
        font-size: 9pt;
        color: #fff;
        font-weight: 700;
    }

    .blog_link {
        background-color: #2ba9fa
    }

    .blog_link,
    .cms_link {
        float: left;
        margin-right: 5%
    }

    .cms_link {
        background-color: #ff6969
    }

    .grid_link {
        float: left;
        background-color: #70c041
    }
</style>
<div id="update_version">
    <img title="轻论坛" src="https://cos.luanshanit.com/qingluntan/2022/03/589ebf9ce7ad.gif" alt="阿偶，图片被修狗吃掉了"
        style="border-radius:5px;" />
    <a class="blog_link" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=www@luanshanit.com"
        target="_blank" style="background-image: linear-gradient(to right, #99CCCC, #FFCC99)"  rel="noopener">发送邮件</a>
    <a class="cms_link" href="https://www.qingluntan.cn/posts-edit" target="_blank"
        style="background-image: linear-gradient(to right, #FF9999,#996699)" rel="noopener">点击投稿</a>
    <a class="grid_link" href="https://jq.qq.com/?_wv=1027&k=y5Brp12Q
    " target="_blank" style="background-image: linear-gradient(to right,#339933, #9933CC)"  rel="noopener">QQ群聊</a>
</div>
<div>
    <hr>
</div>