B站直播简介——宇宙帝王地铁可爱型-直播间号:12549

样式代码 孤独木木 3年前 (2016-04-01) 5226次浏览 已收录 2个评论 扫描二维码

效果展示

B 站直播简介——宇宙帝王地铁可爱型-直播间号:12549
B 站直播简介——宇宙帝王地铁可爱型-直播间号:12549
B 站直播简介——宇宙帝王地铁可爱型-直播间号:12549
B 站直播简介——宇宙帝王地铁可爱型-直播间号:12549

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

 <!--主体框架-->
    <div style="width:1193px;height:300px; position:absolute;top:-60px;left:-20px;background-image:url(http://www.gudumumu.top/user/12549/bj.png);background-size:100%;color:#020000;">
        <!--显示内容的框架-->
        <div style="width:450px;height:300px;overflow:hidden;float:left;margin-left:480px; font-size:20px;">
            <!--UP 资料框架-->
            <div style="width:450px;height:300px;overflow:hidden;" id="mumu_1">
                <!--UP 简介框架-->
                    <div style="width:450px;height:300px;overflow:hidden;" id="mumu_3">
                        <div style="width:450px;height:30px; font-size:20px;">
                            <a href="http://live.bilibili.com/12549#mumu_3" target="_self"><div style="width:150px;height: 30px;float:left;text-align:center;line-height:30px; background:#66CCCC;color:#ffffff;border-radius:3px 0px 0px 3px;">UP 简介</div></a>
                            <a href="http://live.bilibili.com/12549#mumu_4" target="_self"><div style="width:150px;height:30px;float:left;text-align:center;line-height:30px; background:rgba(204, 255, 102, 0.63);color:#ffffff;">主要作品</div></a>
                            <a href="http://live.bilibili.com/12549#mumu_5" target="_self"><div style="width:150px;height:30px;float:left;text-align:center;line-height:30px; background:rgba(255, 153, 204, 0.66);color:#ffffff;border-radius:0px 3px 3px 0px;">你可能想知道的</div></a>
                        </div>
                        <p style="color:#64CF95;">★这里是野生的漫画家 宇宙帝王地铁</p>
                        <p style="color:#FE837D">微博@宇宙帝王地铁</p>
                        <p style="color:#FD96BA">PIXIV=53164</p>
                    </div>

                    <!--主要作品框架-->
                    <div style="width:450px;height:300px;overflow:hidden; font-size:14px;" id="mumu_4">

                        <div style="width:450px;height:30px; font-size:20px;color:#ffffff;">
                            <a href="http://live.bilibili.com/12549#mumu_3" target="_self"><div style="width:150px;height: 30px;float:left;text-align:center;line-height:30px; background:rgba(102, 204, 204, 0.65);color:#ffffff;border-radius:3px 0px 0px 3px;">UP 简介</div></a>
                            <a href="http://live.bilibili.com/12549#mumu_4" target="_self"><div style="width:150px;height:30px;float:left;text-align:center;line-height:30px; background:#CCFF66;color:#ffffff;">主要作品</div></a>
                            <a href="http://live.bilibili.com/12549#mumu_5" target="_self"><div style="width:150px;height:30px;float:left;text-align:center;line-height:30px; background:rgba(255, 153, 204, 0.66);color:#ffffff;border-radius:0px 3px 3px 0px;">你可能想知道的</div></a>
                        </div>
                        <p style="color:#DBCDEA">《公主漫画法则》@《好漫画》杂志每月 5 号超绝火热连载中</p>
                        <p style="color:#F1C9EF">右边的人气连载!投票快给《公主漫画法则》投票支持一下吧!(需要论坛注册)</p>
                        <p style="color:#CAE6F0">《宇宙帝王流好漫教室》@《好漫画》休刊中</p>
                        <p style="color:#D5F7D1">《教教我!SNH48 老师》@《漫画行》已完结</p>
                        <p style="color:#E7F6CE">《房东生存战略》@《漫画 SHOW》已完结</p>
                        <p style="color:#FEE170">短篇漫画若干</p>
                    </div>

                    <!--你可能想知道的框架-->
                    <div style="width:450px;height:300px;overflow:hidden;font-size:14px;" id="mumu_5">

                        <div style="width:450px;height:30px; font-size:20px; color:#ffffff;">
                            <a href="http://live.bilibili.com/12549#mumu_3" target="_self"><div style="width:150px;height: 30px;float:left;text-align:center;line-height:30px; background:rgba(102, 204, 204, 0.65);color:#ffffff;border-radius:3px 0px 0px 3px;">UP 简介</div></a>
                            <a href="http://live.bilibili.com/12549#mumu_4" target="_self"><div style="width:150px;height:30px;float:left;text-align:center;line-height:30px; background:rgba(204, 255, 102, 0.63);color:#ffffff;">主要作品</div></a>
                            <a href="http://live.bilibili.com/12549#mumu_5" target="_self"><div style="width:150px;height:30px;float:left;text-align:center;line-height:30px; background:#FF99CC;color:#ffffff;border-radius:0px 3px 3px 0px;">你可能想知道的</div></a>
                        </div>
                        <p style="color:#FE837D">Q:UP 用的是什么板,用什么软件画的</p>
                        <p style="color:#FC7DA9">A:WACOM 数位屏新帝 HD13,使用的软件是 COMIC STUDIO,SAI,PHOTO SHOP,CLIP STUDIO</p>
                        <p style="color:#AA87CC">Q:UP 画画多少年了,是自学的吗</p>
                        <p style="color:#ECB5EA">A:从小就有画画的习惯了,没法回答已经画多少年了,自学哒!天才!</p>
                        <p style="color:#CAE6F0">Q:UP 的漫画能网上看吗</p>
                        <p style="color:#86E77A">A:我都是画杂志漫画的,暂时网上没得看,抱歉啦,喜欢可以买杂志或者单行本支持</p>
                        <p style="color:#BDE77A">Q:UP 通常什么时候开播</p>
                        <p style="color:#FEDD5E">A:什么时间都可能会开播!我超任性的!</p>
                    </div>

                
            </div>

            <!--点歌规则框架-->
            <div style="width:450px;height:300px;overflow:hidden;" id="mumu_2">
                <p style="width:100px;height:30px;line-height:30px; background:#BDE77B;border-radius:3px;margin:19px 0px 13px 147px; text-align:center;">点歌规则</p>
                <p style="color:#00B050">★点歌弹幕格式:点歌 空格 歌名</p>
                <p style="color:#00B050">★可以加上带歌手名</p>
                <p style="color:#00B050">★歌单里最多排 9 首歌,满了就得等了</p>
                <p style="color:#00B050">★投票切歌:每人可投一票,弹幕命令为:“投票跳过”,3 票即可切歌</p>
                <p style="color:#00B050">★取消自己点的歌曲:可发弹幕“取消点歌”来取消自己点的歌曲</p>
            </div>

        </div>

        <!--链接框架-->
        <div style="width:260px;height:300px;float:right; overflow:hidden;">
            <a href="http://live.bilibili.com/12549#mumu_1" target="_self">
                <div style="width: 226px;height: 54px;border-radius: 48px;margin-top: 13px;margin-left: 15px;"></div>
            </a>
                <div style="width: 255px;height: 75px;margin: 3px 0px 0px 0px;">
                    <a href="http://weibo.com/mtr3">
                        <div style="width: 126px;height: 71px;float: left;border-radius: 50px;">

                        </div>
                        </a>
                    <a href="http://pixiv.me/ddn">
                        <div style="width: 111px;height: 69px;float: left;border-radius: 50px;margin-left: 12px;">

                        </div>
                        </a>

</div>
            <a href="http://live.bilibili.com/12549#mumu_2" target="_self">
                <div style="width: 245px;height: 60px;float: left;border-radius: 50px;margin-top: 7px;"></div>
            </a>
                <a href="http://bbs.manyule.com/forum.php?mod=viewthread&tid=10347&extra=" > 
            <div style="width: 244px;height: 67px;margin: 78px 0px 0px 0px;border-radius: 50px;"></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>

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

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

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

(2)个小伙伴在吐槽
  1. 0。0 在调整页面命名方式吗~好多页面404了~~注册一个支持一下
    kidmaomao2016-04-03 12:01 Windows 8.1 | Chrome 49.0.2623.110