在网站首页增加微信悬浮二维码的制作方法

    <style>
        /**
        * 烟云传奇网站
        *
        * 备注：PC、手机网站一站式服务
        **/
        #shouji {
            position: fixed;
            top: 140px;
            right: 100px;
            width: 180px;
            background-color: rgba(0, 0, 0, .7);
            text-align: center;
            padding: 8px;
            color: #fff;
            z-index: 9999;
            border-radius: 3px;
            font-size: 14px;
        }

        #shouji .t-text {
            margin-bottom: 3px;
            font-weight: bold;
        }


        #gotop {
            top: auto;
            bottom: 50px;
        }

        @media screen and (max-width: 600px) {
            #shouji {
                position: absolute;
                top: 315px;
                right: auto;
                left: 50%;
                margin-left: -60px;
                border-radius: 10px;
            }

        }
    </style>
    <div id="shouji">
        <div><img src="https://www.buluobbs.com/template/image/weixin.jpg"/></div>
        <div class="t-text">扫码加微信</div>
        <div class="text">可手动搜索<br><strong style="font-size: 18px;">微信号：mis21314</strong></div>

    </div>

    <iframe src="加群" frameborder="0" style="display: none;"></iframe>