B站直播简介——单页-1

样式代码 孤独木木 8年前 (2016-05-13) 2941次浏览 已收录 0个评论 扫描二维码

B站直播简介——单页-1

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

   
    
    <div style="width:1193px;height:300px;position:absolute;top:-60px;left:-20px;overflow:hidden;background:#FFCCCC;font-size:20px;color:#000000;">
    <div style="width:200px;height:300px;overflow:hidden;float:left;">
    <img src="http://www.gudumumu.top/user/13039/tx.jpg" style="width:200px;height:200px;border-radius:50%;margin:40px 0px 0px 0px;" />
        </div>
    <div style="width:380px;height:300px;overflow:hidden;float:left;margin:0px 0px 0px 10px;">
    <div style="width:360px;height:250px; box-shadow:4px -4px 24px rgba(128, 128, 128, 0.24); border-radius:5px;margin: 25px 0px 0px 0px;background: #E7E7EB;">
    <div style="width:360px;height:20px;text-align:center; line-height:20px; font-size:20px; margin-top:10px;">UP资料</div>
    <p style="width:300px;line-height:25px;height:25px;background:#e5abbe;margin:20px 0px 0px 0px;padding:0px 5px 0px 10px;">UP资料<span style="padding:0px 90px 0px 92px; background:#F09199;">Aklise</span></p>
    <p style="width:238px;line-height:25px;height:25px;background:#e5abbe;margin:0px 0px 0px 77px;text-align:right;background:#F09199;">不会露脸,不定出声</p>
    <p style="width:238px;line-height:25px;height:25px;background:#e5abbe;margin:0px 0px 0px 77px;text-align:right;background:#F09199;">省钱购买声卡电容麦中</p>
    <p style="width:300px;line-height:25px;height:25px;background:#BC763C;margin:20px 0px 0px 0px;padding:0px 5px 0px 10px;">新浪微博<span style="padding:0px 43px 0px 42px; background:#d0af4c;">我赶紧握了棵草</span></p>
    <p style="width:300px;line-height:25px;height:25px;background:#478384;margin:20px 0px 0px 0px;padding:0px 5px 0px 10px;">QQ粉丝群<span style="padding:0px 88px 0px 84px;background:#43676B;">暂无</span></p>
            </div>
        </div>
    <div style="width:380px;height:300px;overflow:hidden;float:left;margin:0px 0px 0px 10px;">
    <div style="width:300px;height:20px;text-align:center; line-height:20px; font-size:20px;margin-top:40px;">直播相关</div>
    <p style="width:300px;line-height:25px;height:25px;background:#84b9cb;border-radius:3px 0px 0px 3px;margin:5px 0px 0px 0px;"> 艾欧尼亚(诺克萨斯、巨龙之巢)<span style="display:block; margin:0px 0px 0px 0px; background:#84b9cb;width:300px;">Aklise</span></p>
    <p style="width:300px;line-height:25px;height:25px;background:#98D98E;border-radius:3px 0px 0px 3px;margin:30px 0px 0px 0px;">直播时间<span style="padding:0px 10px 0px 10px;">19:30——次日7:00</span></p>
    <p style="width:300px;line-height:25px;height:25px;background:#e5abbe;border-radius:3px 0px 0px 3px;margin:5px 0px 0px 0px;">统一在线时间:21:00—23:00</p>
    <p style="width:300px;line-height:25px;height:25px;background:#93ca76;border-radius:3px 0px 0px 3px;margin:5px 0px 0px 0px;">直播内容<span style="padding:0px 10px 0px 10px;background:#93ca76;">LOL、求生(L4D2)、饥荒(联机)、PAYDAY(2)、其他单机联机类</span></p>
    <p style="width:300px;line-height:25px;height:25px;background:#69B076;border-radius:3px 0px 0px 3px;margin:58px 0px 0px 0px;">不在线时间播放ACG歌曲</p>
        </div>
    <div style="width:200px;height:300px;overflow:hidden;float:right;margin:0px 0px 0px 0px;">
    <a href="http://live.bilibili.com/49784#mumu_2" target="_self" title="随便点击就是新的世界">
    <div style="width:200px;height:300px;overflow:hidden;" id="mumu_1">
    <span style="width:200px;text-align:center;display:block; margin-top:10px;">扫码投食</span>
    <img src="http://www.gudumumu.top/user/13039/zfb.jpg" style="width:200px;height:180px;" />
    <span style="width:200px;text-align:center;display:block;">请带上B站ID</span>
                </div>
            </a>
    <a href="http://live.bilibili.com/49784#mumu_1" target="_self" title="随便点击就是新的世界">
    <div style="width:200px;height:300px;overflow:hidden;" id="mumu_2">
    <span style="width:200px;text-align:center;display:block; margin-top:10px;">扫码添加微信</span>
    <img src="http://www.gudumumu.top/user/13039/wx.jpg" style="width:200px;height:220px;" />
    <span style="width:200px;text-align:center;display:block;">虽然不一定会通过</span>
                </div>
            </a>
        </div>
    <span style="position:absolute; bottom:0px; left:0px; font-size:20px; background:#3B7FAD; border-radius:0px 3px 0px 0px;"><a href="http://live.bilibili.com/49784" title="制作人员" target="_blank" style="color:#FFF;">孤独木木制作</a></span>
    </div>
    <p style="width:1px;height:220px;">.</p>


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

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

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