B站直播简介——秋秋i简介不同风格的设计-直播间号:106

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

样子效果展示
B站直播简介——秋秋i简介不同风格的设计-直播间号:106
B站直播简介——秋秋i简介不同风格的设计-直播间号:106
B站直播简介——秋秋i简介不同风格的设计-直播间号:106
B站直播简介——秋秋i简介不同风格的设计-直播间号:106

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

 <div style="width:1193px;height:300px;position:absolute;left:-20px;top:-60px;overflow:hidden;background:#ffffff;font-family: 微软雅黑light;font-weight: bold;">

        <div style="width:1193px;height:300px;position:absolute;background:url(http://gudumumu.top/user/106/bj.jpg) no-repeat;background-size:100%;overflow:hidden;">
            <div style="width:1180px;height:285px;border-radius:10px;box-shadow:3px 5px 10px #808080;position:absolute;left: 6px;top:5px;background: rgba(226, 219, 219, 0.39);overflow:hidden;font-size:17px;color:rgb(0, 0, 0);">



                <div style="width:1180px;height:285px;overflow:hidden;" id="mumu_1">
                    <div style="width:395px;height:285px;float:left;overflow:hidden;">
                        <div style="width:120px;height:30px;line-height:30px;text-align:center;font-size:20px;background: rgba(255, 102, 102, 0.83);margin-left: 100px;color: #fff;border-radius: 0px 0px 3px 3px;">
                            主播简介
                        </div>
                        <div style="width:395px;height:250px;overflow:hidden;">
                            <p style="margin: 59px 0px 0px 0px;">
                                “中年”男人热爱电子竞技,B站交际花!
                            </p>
                            <p style="margin:0px 0px 0px 0px;">
                                平时混迹于各大区  水晶大师   影流钻3    艾欧尼亚钻3
                            </p>
                            <p style="margin:0px 0px 0px 0px;">
                                经过一个月的努力 电一成功冲上了钻4
                            </p>
                            <p style="margin:0px 0px 0px 0px;">

                            </p>

                        </div>


                    </div>
                    <div style="width: 390px;height:285px;overflow:hidden;float:left;padding-top: 4px;font-size:20px;">
                        <div style="width:130px;height:285px;float:left;">


                            <a href="http://live.bilibili.com/106#mumu_1" style="color:#ffffff;" target="_self" title="直播简介">
                                <div style="width:120px;height:120px;border-radius: 120px 0px 23px 0px;text-align:center;line-height: 144px;background: rgba(255, 102, 102, 0.83);border: 3px solid #FF0033;text-indent: 16px;">
                                    直播简介
                                </div>
                            </a>
                            <a href="http://live.bilibili.com/106#mumu_2" style="color:#ffffff;" target="_self" title="直播时间">
                                <div style="width:120px;height:120px;border-radius: 0px 23px 0px 120px;text-align:center;line-height: 104px;background: rgba(200, 120, 120, 0.77);margin-top: 30px;text-indent: 21px;">
                                    直播时间
                                </div>
                            </a>


                        </div>


                        <div style="width:130px;height:285px;float:left;">

                            <div style="width: 130px;height: 117px;background: rgba(204, 195, 223, 0.84);margin: 90px 0px 0px -2px;font-size: 15px;border-right: 3px;text-align: center;line-height:31px;">
                                <p style="margin: 14px 3px -5px 0px;">点击半弧内侧查看更多</p>
                                <p style="margin:0px 0px 0px 0px;">跳转请用猛击</p>
                                <p style="margin:0px 0px 0px 0px;"><a href="http://live.bilibili.com/49784" title="制作人员" target="_blank" style="color:#270E14;">孤独木木制作</a></p>
                            </div>

                        </div>


                        <div style="width:130px;height:285px;float:left;">



                            <a href="http://live.bilibili.com/106#mumu_3" style="color:#ffffff;" target="_self" title="直播礼仪">
                                <div style="width:120px;height:120px;border-radius: 0px 120px 0px 23px;text-align:center;line-height: 148px;background: rgba(240, 0, 0, 0.57);text-indent: -15px;">
                                    直播礼仪
                                </div>
                            </a>
                            <a href="http://live.bilibili.com/106#mumu_4" style="color:#ffffff;" target="_self" title="赞助秋秋">
                                <div style="width:120px;height:120px;border-radius: 23px 0px 120px 0px;text-align:center;line-height: 112px;background: rgba(255, 153, 153, 0.83);margin-top: 30px;text-indent: -20px;">
                                    赞助秋秋
                                </div>
                            </a>



                        </div>

                    </div>

                    <div style="width:395px;height:285px;float:left;overflow:hidden;">
                        <div style="width:120px;height:30px;line-height:30px;text-align:center;font-size:20px;background: rgba(255, 102, 102, 0.83);margin-left: 100px;color: #fff;border-radius: 0px 0px 3px 3px;">
                            关于直播间
                        </div>

                        <p style="margin:0px 0px 0px 0px;">
                            歌单网易云音乐用户ID:<a href="http://music.163.com/#/user/home?id=77013399" style="color: #0B0000;" target="_blank" title="点击关注网易">萌萌萌秋天</a>(歌单都整理好了   喜欢可以关注留言给出意见)
                        </p>
                        <p style="margin:0px 0px 0px 0px;">
                            新浪微博:<a href="http://weibo.com/u/2232211002" style="color: #0B0000;" target="_blank" title="点击关注微博">萌萌萌秋天</a>  (不定期抽奖这样  我之前没用微博 所以没怎么发消息)
                        </p>
                        <p style="margin:0px 0px 0px 0px;">
                            秋秋的QQ:821735203(有什么事情反馈给出宝贵建议的或者喜欢秋秋的可以加)
                        </p>
                        <p style="margin:0px 0px 0px 0px;">
                            秋秋的贴吧:秋秋i  (符文天赋搭配会发到贴吧里  刚刚创建的 诚聘老残粉加入  直播的时候也会去贴吧回答些问题)
                        </p>
                        <p style="margin:0px 0px 0px 0px;">
                            秋秋的淘宝店:链接
                        </p>






                    </div>



                </div>


                <div style="width:1180px;height:285px;overflow:hidden;" id="mumu_2">
                    <div style="width:395px;height:285px;float:left;overflow:hidden;padding-top: 77px;">
                        <p style="margin:0px 0px 0px 0px;">
                            早上8点--中午1点    下午2点--晚上9点
                        </p>

                        <p style="margin:0px 0px 0px 0px;">
                            上午:免费帮粉丝打定位赛 排位赛  晋级赛
                        </p>

                        <p style="margin:0px 0px 0px 0px;">
                            下午:为了保证自己的水平  下午会打自己的号
                        </p>

                        <p style="margin:0px 0px 0px 0px;">
                            想和主播一起开车的可以先预约
                        </p>

                    </div>
                    <div style="width: 390px;height:285px;overflow:hidden;float:left;padding-top: 4px;font-size:20px;">
                        <div style="width:130px;height:285px;float:left;">


                            <a href="http://live.bilibili.com/106#mumu_1" style="color:#ffffff;" target="_self" title="直播简介">
                                <div style="width:120px;height:120px;border-radius: 120px 0px 23px 0px;text-align:center;line-height: 144px;background: rgba(255, 102, 102, 0.83);text-indent: 17px;">
                                    直播简介
                                </div>
                            </a>
                            <a href="http://live.bilibili.com/106#mumu_2" style="color:#ffffff;" target="_self" title="直播时间">
                                <div style="width:120px;height:120px;border-radius: 0px 23px 0px 120px;text-align:center;line-height: 88px;background: rgba(200, 120, 120, 0.77);margin-top: 30px;text-indent: 14px;border: 3px solid #FF0033;">
                                    直播时间
                                </div>
                            </a>


                        </div>


                        <div style="width:130px;height:285px;float:left;">

                            <div style="width: 130px;height: 117px;background: rgba(204, 195, 223, 0.84);margin: 90px 0px 0px -2px;font-size: 15px;border-right: 3px;text-align: center;line-height:31px;">
                                <p style="margin: 14px 3px -5px 0px;">点击半弧内侧查看更多</p>
                                <p style="margin:0px 0px 0px 0px;">跳转请用猛击</p>
                                <p style="margin:0px 0px 0px 0px;"><a href="http://live.bilibili.com/49784" title="制作人员" target="_blank" style="color:#270E14;">孤独木木制作</a></p>
                            </div>

                        </div>


                        <div style="width:130px;height:285px;float:left;">



                            <a href="http://live.bilibili.com/106#mumu_1" style="color:#ffffff;" target="_self" title="直播礼仪">
                                <div style="width:120px;height:120px;border-radius: 0px 120px 0px 23px;text-align:center;line-height: 148px;background: rgba(240, 0, 0, 0.57);text-indent: -10px;">
                                    直播礼仪
                                </div>
                            </a>
                            <a href="http://live.bilibili.com/106#mumu_1" style="color:#ffffff;" target="_self" title="赞助秋秋">
                                <div style="width:120px;height:120px;border-radius: 23px 0px 120px 0px;text-align:center;line-height: 95px;background: rgba(255, 153, 153, 0.83);margin-top: 30px;text-indent: -12px;">
                                    赞助秋秋
                                </div>
                            </a>



                        </div>

                    </div>

                    <div style="width:395px;height:285px;float:left;overflow:hidden;">

                    </div>



                </div>


                <div style="width:1180px;height:285px;overflow:hidden;" id="mumu_3">
                    <div style="width:395px;height:285px;float:left;overflow:hidden;padding-top: 70px;">
                        <p style="margin:0px 0px 0px 0px;">
                            你骂我是你不了解我  真正了解我的都想打我
                        </p>
                        <p style="margin:0px 0px 0px 0px;">
                            可以提别的主播  但是别引战
                        </p>
                        <p style="margin:0px 0px 0px 0px;">
                            可以骂秋秋  但是别和粉丝吵架
                        </p>

                    </div>
                    <div style="width: 390px;height:285px;overflow:hidden;float:left;padding-top: 4px;font-size:20px;">
                        <div style="width:130px;height:285px;float:left;">


                            <a href="http://live.bilibili.com/106#mumu_1" style="color:#ffffff;" target="_self" title="直播简介">
                                <div style="width:120px;height:120px;border-radius: 120px 0px 23px 0px;text-align:center;line-height: 142px;background: rgba(255, 102, 102, 0.83);text-indent: 15px;">
                                    直播简介
                                </div>
                            </a>
                            <a href="http://live.bilibili.com/106#mumu_2" style="color:#ffffff;" target="_self" title="直播时间">
                                <div style="width:120px;height:120px;border-radius: 0px 23px 0px 120px;text-align:center;line-height: 100px;background: rgba(200, 120, 120, 0.77);margin-top: 30px;text-indent: 16px;">
                                    直播时间
                                </div>
                            </a>


                        </div>


                        <div style="width:130px;height:285px;float:left;">

                            <div style="width: 130px;height: 117px;background: rgba(204, 195, 223, 0.84);margin: 90px 0px 0px -2px;font-size: 15px;border-right: 3px;text-align: center;line-height:31px;">
                                <p style="margin: 14px 3px -5px 0px;">点击半弧内侧查看更多</p>
                                <p style="margin:0px 0px 0px 0px;">跳转请用猛击</p>
                                <p style="margin:0px 0px 0px 0px;"><a href="http://live.bilibili.com/49784" title="制作人员" target="_blank" style="color:#270E14;">孤独木木制作</a></p>
                            </div>

                        </div>


                        <div style="width:130px;height:285px;float:left;">



                            <a href="http://live.bilibili.com/106#mumu_1" style="color:#ffffff;" target="_self" title="直播礼仪">
                                <div style="width:120px;height:120px;border-radius: 0px 120px 0px 23px;text-align:center;line-height: 140px;background: rgba(240, 0, 0, 0.57);text-indent: -11px;border: 3px solid #FF0033;">
                                    直播礼仪
                                </div>
                            </a>
                            <a href="http://live.bilibili.com/106#mumu_1" style="color:#ffffff;" target="_self" title="赞助秋秋">
                                <div style="width:120px;height:120px;border-radius: 23px 0px 120px 0px;text-align:center;line-height: 99px;background: rgba(255, 153, 153, 0.83);margin-top: 30px;text-indent: -13px;">
                                    赞助秋秋
                                </div>
                            </a>



                        </div>

                    </div>

                    <div style="width:395px;height:285px;float:left;overflow:hidden;padding-top: 70px;">
                        <p style="margin:0px 0px 0px 0px;">
                            希望秋秋的老残粉们  多给喷子们1分包容
                        </p>
                        <p style="margin:0px 0px 0px 0px;">
                            1分理解   8分父爱    让
                        </p>
                        <p style="margin:0px 0px 0px 0px;">
                            他们能在秋秋的直播快乐的玩耍
                        </p>
                        <p style="margin:0px 0px 0px 0px;">
                            不吵架   可以选择无视或者2333
                        </p>
                    </div>



                </div>


                <div style="width:1180px;height:285px;overflow:hidden;" id="mumu_4">
                    <div style="width:395px;height:285px;float:left;overflow:hidden;padding: 50px 0px 0px 0px;">
                        <p style="margin: 5px 0px 0px 60px;">
                            秋秋的支付宝:13162236110
                        </p>
                        <p style="margin: 5px 0px 0px 60px;">
                            秋秋的微信:821735203
                        </p>
                        <p style="margin: 5px 0px 0px 60px;">
                            秋秋的企鹅:821735203
                        </p>
                        <p style="margin: 5px 0px 0px 60px;">
                            专职直播  需要大家的帮助
                        </p>
                        <p style="margin: 5px 0px 0px 60px;">
                            直播有你更精彩  啪啪啪!
                        </p>

                    </div>
                    <div style="width: 390px;height:285px;overflow:hidden;float:left;padding-top: 4px;font-size:20px;">
                        <div style="width:130px;height:285px;float:left;">


                            <a href="http://live.bilibili.com/106#mumu_1" style="color:#ffffff;" target="_self" title="直播简介">
                                <div style="width:120px;height:120px;border-radius: 120px 0px 23px 0px;text-align:center;line-height: 147px;background: rgba(255, 102, 102, 0.83);text-indent: 17px;">
                                    直播简介
                                </div>
                            </a>
                            <a href="http://live.bilibili.com/106#mumu_2" style="color:#ffffff;" target="_self" title="直播时间">
                                <div style="width:120px;height:120px;border-radius: 0px 23px 0px 120px;text-align:center;line-height: 93px;background: rgba(200, 120, 120, 0.77);margin-top: 30px;text-indent: 12px;">
                                    直播时间
                                </div>
                            </a>


                        </div>


                        <div style="width:130px;height:285px;float:left;">

                            <div style="width: 130px;height: 117px;background: rgba(204, 195, 223, 0.84);margin: 90px 0px 0px -2px;font-size: 15px;border-right: 3px;text-align: center;line-height:31px;">
                                <p style="margin: 14px 3px -5px 0px;">点击半弧内侧查看更多</p>
                                <p style="margin:0px 0px 0px 0px;">跳转请用猛击</p>
                                <p style="margin:0px 0px 0px 0px;"><a href="http://live.bilibili.com/49784" title="制作人员" target="_blank" style="color:#270E14;">孤独木木制作</a></p>
                            </div>

                        </div>


                        <div style="width:130px;height:285px;float:left;">



                            <a href="http://live.bilibili.com/106#mumu_1" style="color:#ffffff;" target="_self" title="直播时间">
                                <div style="width:120px;height:120px;border-radius: 0px 120px 0px 23px;text-align:center;line-height: 152px;background: rgba(240, 0, 0, 0.57);text-indent: -14px;">
                                    直播礼仪
                                </div>
                            </a>
                            <a href="http://live.bilibili.com/106#mumu_1" style="color:#ffffff;" target="_self" title="赞助秋秋">
                                <div style="width:120px;height:120px;border-radius: 23px 0px 120px 0px;text-align:center;line-height: 90px;background: rgba(255, 153, 153, 0.83);margin-top: 30px;text-indent: -17px;border: 3px solid #FF0033;">
                                    赞助秋秋
                                </div>
                            </a>



                        </div>

                    </div>

                    <div style="width:395px;height:285px;float:left;overflow:hidden;">
                        <div style="width: 322px;height:30px;line-height:30px;text-align:center;background:#CC4553;font-size:20px;border-radius:0px 0px 0px 20px;float: right;">
                            本月赞助TOP4
                        </div>
                        <div style="width:250px;height:190px;float: right;">

                            <div style="width:240px;height:50px;margin:5px 0px 5px 0px;background:rgba(95, 189, 251, 0.78);border-radius:15px;">

                                <div style="width:240px;height:25px;font-size:17px;">

                                    <div style="float:left;margin-left:20px;width:80px;height:25px;">TOP1:</div>
                                    <!--此处填写ID-->
                                    <div style="margin-left:20px;float:left;width:120px;height:25px;">

                                    </div>
                                </div>

                                <div style="width:240px;height:25px;">

                                    <div style="float:left;margin-left:20px;width:80px;float:left;height:25px;">投食¥</div>
                                    <!--此处填写软币-->
                                    <div style="margin-left:20px;float:left;width:120px;height:25px;">

                                    </div>
                                </div>

                            </div>

                            <div style="width:240px;height:50px;margin:0px 0px 5px 0px;background:rgba(95, 189, 251, 0.78);border-radius:15px;">

                                <div style="width:240px;height:25px;font-size:17px;">

                                    <div style="float:left;margin-left:20px;width:80px;height:25px;">TOP2:</div>
                                    <!--此处填写ID-->
                                    <div style="margin-left:20px;float:left;width:120px;height:25px;">

                                    </div>
                                </div>

                                <div style="width:240px;height:25px;">

                                    <div style="float:left;margin-left:20px;width:80px;float:left;height:25px;">投食¥</div>
                                    <!--此处填写软币-->
                                    <div style="margin-left:20px;float:left;width:120px;height:25px;">

                                    </div>
                                </div>

                            </div>


                            <div style="width:240px;height:50px;margin:0px 0px 0px 0px;background:rgba(95, 189, 251, 0.78);border-radius:15px;">

                                <div style="width:240px;height:25px;font-size:17px;">

                                    <div style="float:left;margin-left:20px;width:80px;height:25px;">TOP3:</div>
                                    <!--此处填写ID-->
                                    <div style="margin-left:20px;float:left;width:120px;height:25px;">

                                    </div>
                                </div>

                                <div style="width:240px;height:25px;">

                                    <div style="float:left;margin-left:20px;width:80px;float:left;height:25px;">投食¥</div>
                                    <!--此处填写软币-->
                                    <div style="margin-left:20px;float:left;width:120px;height:25px;">

                                    </div>
                                </div>

                            </div>


                            <div style="width:240px;height:50px;margin:5px 0px 5px 0px;background:rgba(95, 189, 251, 0.78);border-radius:15px;">

                                <div style="width:240px;height:25px;font-size:17px;">

                                    <div style="float:left;margin-left:20px;width:80px;height:25px;">TOP4:</div>
                                    <!--此处填写ID-->
                                    <div style="margin-left:20px;float:left;width:120px;height:25px;">

                                    </div>
                                </div>

                                <div style="width:240px;height:25px;">

                                    <div style="float:left;margin-left:20px;width:80px;float:left;height:25px;">投食¥</div>
                                    <!--此处填写软币-->
                                    <div style="margin-left:20px;float:left;width:120px;height:25px;">

                                    </div>
                                </div>

                            </div>





                        </div>
                    </div>



                </div>
            </div>








        </div>

    </div>

    <p style="width:1px;height:220px;">.</p>

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

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

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