B站简介 2017第二版

样式代码 孤独木木 1年前 (2017-01-23) 1458次浏览 已收录 0个评论 扫描二维码

B 站简介 2017 第二版
B 站简介 2017 第二版
B 站简介 2017 第二版
B 站简介 2017 第二版

文章里面出现的一些标签需要修改的属性可以在这里查找点击

 <div style="width:1193px;height:300px;position:absolute;left:-20px;top:-80px;overflow:hidden;">
        <div style="width:1193px;height:300px;margin:0px;overflow:hidden;color:#ffffff;font-size:14px;">
            <div style="position:relative;width:1193px;height:300px;background:url(http://51tuku.cn/images/2017/01/23/YREE.jpg) no-repeat;background-size:100%;" id="mumu_1">
                <a href="http://steamcommunity.com/id/Mraute" title="steam" target="_blank">
                    <div style="width:90px;height:90px;position:absolute;top:0px;left:2px;bottom:0px;margin:auto;background:url(http://51tuku.cn/images/2017/01/23/YI8i.png) no-repeat;background-size:100%;">

                    </div>
                </a>
                <a href="http://weibo.com/u/2180903087" title="微博" target="_blank">
                    <div style="width:90px;height:90px;position:absolute;top: 24px;right: 2px;margin:auto;background:url(http://51tuku.cn/images/2017/01/23/YKiy.png) no-repeat;background-size:100%;">

                    </div>
                </a>

                <a href="http://music.163.com/?t=1466403443783#/user/home?id=105609901" title="BGM 歌单" target="_blank">
                    <div style="width:90px;height:90px;position:absolute;top: 135px;right:2px;margin:auto;background:url(http://51tuku.cn/images/2017/01/23/YvgC.jpg) no-repeat;background-size:100%;border-radius: 9px;">
                    </div>
                </a>

                <div style="position:absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;width:1000px;height:270px;border-radius:5px;background: rgba(253, 156, 204, 0.43);margin: auto;">
                    <div style="width:750px;float:left;height:270px;overflow:hidden;">
                        <div style="width:120px;height:30px;line-height:30px;font-weight:bold;font-size:20px;border-radius:5px;background: rgba(255, 102, 102, 0.78);text-align:center;">
                            个人简介
                        </div>
                        <div style="width:750px;height:230px;overflow:auto;margin:10px 0px 0px 18px;font-size:18px;">
                            常驻游戏:最终幻想 14 国服(区服神意之地)<br>
                            单击游戏一般以录制的形式给大家。<br>
                            主播我不怕多你一个朋友哦~如果想和主播做朋友那就加群:423775527<br>
                            我希望和各位观众都能成为朋友,请不要在我直播间引战,谢谢。<br>
                            一般是下午开始到凌晨或更晚,偶尔太累会提前下播<br>
                        </div>
                    </div>
                    <div style="float:right;margin-right:5px;width:200px;height:270px;">
                        <a href="http://live.bilibili.com/31341#mumu_1" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;color: rgba(255, 102, 102, 0.78);">
                                第一页
                            </div>
                        </a>
                        <a href="http://live.bilibili.com/31341#mumu_2" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
                                第二页
                            </div>
                        </a>
                        <a href="http://live.bilibili.com/31341#mumu_3" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
                                第三页
                            </div>
                        </a>
                        <a href="http://live.bilibili.com/31341#mumu_4" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
                                第四页
                            </div>
                        </a>
                    </div>
                </div>



            </div>
            <div style="position:relative;width:1193px;height:300px;background:url(http://51tuku.cn/images/2017/01/23/YREE.jpg) no-repeat;background-size:100%;" id="mumu_2">

                <a href="http://steamcommunity.com/id/Mraute" title="steam" target="_blank">
                    <div style="width:90px;height:90px;position:absolute;top:0px;left:2px;bottom:0px;margin:auto;background:url(http://51tuku.cn/images/2017/01/23/YI8i.png) no-repeat;background-size:100%;">

                    </div>
                </a>
                <a href="http://weibo.com/u/2180903087" title="微博" target="_blank">
                    <div style="width:90px;height:90px;position:absolute;top: 24px;right: 2px;margin:auto;background:url(http://51tuku.cn/images/2017/01/23/YKiy.png) no-repeat;background-size:100%;">

                    </div>
                </a>

                <a href="http://music.163.com/?t=1466403443783#/user/home?id=105609901" title="BGM 歌单" target="_blank">
                    <div style="width:90px;height:90px;position:absolute;top: 135px;right:2px;margin:auto;background:url(http://51tuku.cn/images/2017/01/23/YvgC.jpg) no-repeat;background-size:100%;border-radius: 9px;">
                    </div>
                </a>

                <div style="position:absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;width:1000px;height:270px;border-radius:5px;background: rgba(253, 156, 204, 0.43);margin: auto;">
                    <div style="width:750px;float:left;height:270px;overflow:hidden;">
                        <div style="width:120px;height:30px;line-height:30px;font-weight:bold;font-size:20px;border-radius:5px;background: rgba(255, 153, 102, 0.82);text-align:center;">
                            主播配置
                        </div>
                        <div style="width:750px;height:230px;overflow:auto;margin:10px 0px 0px 18px;font-size:18px;">
                            直播分辨率:1280*720*60FPS<br>
                            码率:1800<br>
                            CPU: Intel(R) Core(TM)  I7-4790<br>
                            GPU: NVIDIA GeForce GTX 980<br>
                            内存: 金士顿 DDR3 4G * 2<br>
                            主板: 华硕 B85M-E<br>
                        </div>
                    </div>
                    <div style="float:right;margin-right:5px;width:200px;height:270px;">
                        <a href="http://live.bilibili.com/31341#mumu_1" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
                                第一页
                            </div>
                        </a>
                        <a href="http://live.bilibili.com/31341#mumu_2" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;color: rgba(255, 153, 102, 0.82);">
                                第二页
                            </div>
                        </a>
                        <a href="http://live.bilibili.com/31341#mumu_3" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
                                第三页
                            </div>
                        </a>
                        <a href="http://live.bilibili.com/31341#mumu_4" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
                                第四页
                            </div>
                        </a>
                    </div>

                </div>
            </div>
            <div style="position:relative;width:1193px;height:300px;background:url(http://51tuku.cn/images/2017/01/23/YnGF.jpg) no-repeat;background-size:100%;" id="mumu_3">
                <div style="position:absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;width:1000px;height:270px;border-radius:5px;background: rgba(253, 156, 204, 0.43);margin: auto;">
                    <div style="width:750px;float:left;height:270px;overflow:hidden;">
                        <div style="width:120px;height:30px;line-height:30px;font-weight:bold;font-size:20px;border-radius:5px;background: rgba(176, 217, 107, 0.85);text-align:center;">
                            点歌
                        </div>
                        <div style="width:750px;height:230px;overflow:auto;margin:10px 0px 0px 18px;font-size:18px;">
                            所有人都可以使用的命令:<br>
                            点歌 歌名 - 点歌<br>
                            取消点歌 - 取消自己点的最后一首歌,已经开始播放的不能取消<br>
                            必须是房管/主播,并且启用弹幕控制才能使用的:<br>
                            %暂停 - 暂停播放<br>
                            %播放 - 继续播放<br>
                            %切歌 - 跳过当前正在播放的歌曲<br>
                            %删歌 序号 - 删除某个歌曲<br>
                            %音量 0-100 - 调整歌曲音量<br>
                            %上限 数字 - 调整点歌数量上限<br>
                            %歌词 - 开关是否搜索歌词<br>
                        </div>
                    </div>
                    <div style="float:right;margin-right:5px;width:200px;height:270px;">
                        <a href="http://live.bilibili.com/31341#mumu_1" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
                                第一页
                            </div>
                        </a>
                        <a href="http://live.bilibili.com/31341#mumu_2" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
                                第二页
                            </div>
                        </a>
                        <a href="http://live.bilibili.com/31341#mumu_3" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;color: rgba(176, 217, 107, 0.85);">
                                第三页
                            </div>
                        </a>
                        <a href="http://live.bilibili.com/31341#mumu_4" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
                                第四页
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div style="position:relative;width:1193px;height:300px;background:url(http://51tuku.cn/images/2017/01/23/YREE.jpg) no-repeat;background-size:100%;" id="mumu_4">

                <a href="http://steamcommunity.com/id/Mraute" title="steam" target="_blank">
                    <div style="width:90px;height:90px;position:absolute;top:0px;left:2px;bottom:0px;margin:auto;background:url(http://51tuku.cn/images/2017/01/23/YI8i.png) no-repeat;background-size:100%;">

                    </div>
                </a>
                <a href="http://weibo.com/u/2180903087" title="微博" target="_blank">
                    <div style="width:90px;height:90px;position:absolute;top: 24px;right: 2px;margin:auto;background:url(http://51tuku.cn/images/2017/01/23/YKiy.png) no-repeat;background-size:100%;">

                    </div>
                </a>

                <a href="http://music.163.com/?t=1466403443783#/user/home?id=105609901" title="BGM 歌单" target="_blank">
                    <div style="width:90px;height:90px;position:absolute;top: 135px;right:2px;margin:auto;background:url(http://51tuku.cn/images/2017/01/23/YvgC.jpg) no-repeat;background-size:100%;border-radius: 9px;">
                    </div>
                </a>

                <div style="position:absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;width:1000px;height:270px;border-radius:5px;background: rgba(253, 156, 204, 0.43);margin: auto;">
                    <div style="width:750px;float:left;height:270px;overflow:hidden;">
                        <div style="width:120px;height:30px;line-height:30px;font-weight:bold;font-size:20px;border-radius:5px;background: rgba(175, 220, 224, 0.89);text-align:center;">
                            联系方式
                        </div>
                        <div style="width:750px;height:230px;overflow:auto;margin:10px 0px 0px 18px;font-size:18px;">
                            <div style="width:170px;height:220px;float:left;">
                                <div style="width:170px;height:25px;line-height:25px;text-align:center;color:#ffffff;font-size:20px;">微信扫码</div>
                                <div style="width:170px;height:170px;background:url(http://51tuku.cn/images/2017/01/23/YLNW.jpg) no-repeat;background-size:100%;"></div>

                            </div>
                            <div style="width:170px;height:220px;float:left;margin-left: 30px;">
                                <div style="width:170px;height:25px;line-height:25px;text-align:center;color:#ffffff;font-size:20px;">扫码投食</div>
                                <div style="width:170px;height:170px;background:url(http://51tuku.cn/images/2017/01/23/Ypal.jpg) no-repeat;background-size:100%;"></div>

                            </div>
                        </div>
                    </div>
                    <div style="float:right;margin-right:5px;width:200px;height:270px;">
                        <a href="http://live.bilibili.com/31341#mumu_1" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
                                第一页
                            </div>
                        </a>
                        <a href="http://live.bilibili.com/31341#mumu_2" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
                                第二页
                            </div>
                        </a>
                        <a href="http://live.bilibili.com/31341#mumu_3" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
                                第三页
                            </div>
                        </a>
                        <a href="http://live.bilibili.com/31341#mumu_4" style="color:#ffffff;font-size:19px;font-weight:bold;" target="_self">
                            <div style="width:180px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;color: #ADD0D7;">
                                第四页
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <span style="position:absolute; bottom:0px; right:0px; font-size:14px; background: #86DFFF; border-radius:3px 0px 0px 0px;"><a href="http://live.bilibili.com/49784" title="制作人员更多请关注 http://www.blibili.top B 站简介制作" target="_blank" style="color:#270E14;">孤独木木制作</a></span>
    </div>
    <p style="width:1px;height:200px;">.</p>

转载时请保留版权信息孤独木木制作

喜欢 (4)
[15390816981]
分享 (0)

您必须 登录 才能发表评论!