B站直播简介——简约式可跳转直播简介代码模板

样式代码 zerotime 8年前 (2016-05-12) 4230次浏览 已收录 0个评论 扫描二维码

样子效果展示:

B站直播简介——简约式可跳转直播简介代码模板

B站直播简介——简约式可跳转直播简介代码模板

B站直播简介——简约式可跳转直播简介代码模板

B站直播简介——简约式可跳转直播简介代码模板

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

<div style="width:1160px; height:210px;overflow:hidden; border-radius:10px;box-shadow: 0 0 20px rgba(3, 3, 3, 0.6);">
<div style="width:1160px; height:210px; background-repeat:no-repeat; overflow: hidden; background: url(http://i2.buimg.com/eb6080e52cb56f64.png);" id="zero1">
<div style="font-size:20px; color:#FFF; text-shadow:1px 1px 1px #000; margin:44px 0 0 1070px;overflow: hidden;">
<a href="http://live.bilibili.com/69034#zero1" target="_self" title="yuza的自我介绍">
<span style="display:block;color:#FFF; background-color:#09F;font-size:17px; padding:3px 5px;width: 80px;text-align: center;border-top-left-radius:15px;opacity:0.9">[Up简介]</span></a><br />
<a href="http://live.bilibili.com/69034#zero2" target="_self" title='yuza的直播间介绍'>
<span style="display:block;color:#FFF; background-color:#60B875;font-size:16px; padding:3px 5px;width: 80px;text-align: center;margin-top: -30px;opacity:0.9">直播介绍</span></a><br />
<a href="http://live.bilibili.com/69034#zero3" target="_self" title='yuza的渣脑配置'>
<span style="display:block;color:#FFF; background-color:#FFB700;font-size:16px; padding:3px 5px;width: 80px;text-align: center;margin-top: -30px;opacity:0.9">电脑配置</span></a><br />
<a href="http://live.bilibili.com/69034#zero4" target="_self" title="yuza的勾搭方式">
<span style="display:block;color:#FFF; background-color:#D24F81;font-size:16px; padding:3px 5px;width: 80px;text-align: center;border-bottom-left-radius: 15px;margin-top: -30px;opacity:0.9">勾搭方式</span></a>
</div>
<span style="display:block; width:200px;height: 30px;margin: -150px 0 0 45px; color:#FFF;text-shadow: 1px 1px 1px #000; font-size:24px">
Up简介
</span>
<span style="display:block;width: 400px; height:40px;margin: 20px 0 0 50px; color:#FFF;text-shadow: 1px 1px 1px #000;font-size: 15px;text-indent: 2em;">
☆梦想什么的太无聊了,我有自己的野心。成为污妖王的使者,哪个圣骑士放圣光就死亡之握拉过来~<br />
</span>
<span style="display:block;width: 400px; height:40px;margin: 10px 0 0 50px; color:#FFF;text-shadow: 1px 1px 1px #000;font-size: 15px;text-indent: 2em;">
★不对的呀,我只是想开火车:污污污污污污污污污污污污污污污污污污污污
</span>
<span style="display:block;width: 400px; height:40px;margin: 10px 0 0 50px; color:#FFF;text-shadow: 1px 1px 1px #000;font-size: 15px;text-indent: 2em;">
☆游戏狂魔,求关注,摸摸大~
</span>
<span style="font-size:7px; color:#FFF;margin: -10px 0 0 999px; display:block; width:120px;">
*本简介由<a href="http://space.bilibili.com/3775459" target="_blank" style="color:#fff; text-shadow: 1px 1px 1px #999;" title="零时殿下">零食</a>制作</span>
</div>

<div style="width:1160; height:210px; background:url(http://i2.buimg.com/eb6080e52cb56f64.png);overflow: hidden;" id="zero2">
<div style="font-size:20px; color:#FFF; text-shadow:1px 1px 1px #000; margin:44px 0 0 1070px;overflow: hidden;">
<a href="http://live.bilibili.com/69034#zero1" target="_self" title="yuza的自我介绍">
<span style="display:block;color:#FFF; background-color:#09F;font-size:16px; padding:3px 5px;width: 80px;text-align: center;border-top-left-radius:15px;opacity:0.9">Up简介</span></a><br />
<a href="http://live.bilibili.com/69034#zero2" target="_self" title='yuza的直播间介绍'>
<span style="display:block;color:#FFF; background-color:#60B875;font-size:17px; padding:3px 5px;width: 80px;text-align: center;margin-top: -30px;opacity:0.9">[直播介绍]</span></a><br />
<a href="http://live.bilibili.com/69034#zero3" target="_self" title='yuza的渣脑配置'>
<span style="display:block;color:#FFF; background-color:#FFB700;font-size:16px; padding:3px 5px;width: 80px;text-align: center;margin-top: -30px;opacity:0.9">电脑配置</span></a><br />
<a href="http://live.bilibili.com/69034#zero4" target="_self" title="yuza的勾搭方式">
<span style="display:block;color:#FFF; background-color:#D24F81;font-size:16px; padding:3px 5px;width: 80px;text-align: center;border-bottom-left-radius: 15px;margin-top: -30px;opacity:0.9">勾搭方式</span></a>
</div>
<span style="display:block; width:200px;height: 30px;margin: -150px 0 0 45px; color:#FFF;text-shadow: 1px 1px 1px #000; font-size:24px">
直播介绍
</span>
<span style="display:block;width: 600px;height: 180px;margin: 8px 0 0 50px; color:#FFF;text-shadow: 1px 1px 1px #000;font-size: 13px;">
直播时间下午起床到凌晨三点。做一休三。休息天都播。<br />
5月份2,6,10,14,18,22,26,30这几天是上班的,不播。<br />
哟咯西裤哦奶盖西马斯!空耳赛高~<br />
Ps:弹幕命令--<br />
①观众可用命令:点歌 歌名 —说明:指定播放歌名,支持繁体文字的“點歌”。<br />
【举例:“点歌 this game”】 投票跳过 _说明:投票跳过歌曲 取消点歌 —说明:撤销自己点的歌曲;<br />
②房管命令:强点 歌名 —说明:忽略限制点歌 %弹幕切歌 —说明:切掉当前播放歌曲 %清空歌单 —说明:清空播放列表 %删歌 序号 —说明:删除列表中的一首歌曲【比如“%删歌 9”】 
</span>
<span style="font-size:7px; color:#FFF;margin: -38px 0 0 999px; display:block;width:120px;">
*本简介由<a href="http://space.bilibili.com/3775459" target="_blank" style="color:#fff; text-shadow: 1px 1px 1px #999;" title="零时殿下">零食</a>制作</span>
</div>

<div style="width:1160; height:210px; background:url(http://i2.buimg.com/eb6080e52cb56f64.png);overflow: hidden;" id="zero3">
<div style="font-size:20px; color:#FFF; text-shadow:1px 1px 1px #000; margin:44px 0 0 1070px;overflow: hidden;">
<a href="http://live.bilibili.com/69034#zero1" target="_self" title="yuza的自我介绍">
<span style="display:block;color:#FFF; background-color:#09F;font-size:16px; padding:3px 5px;width: 80px;text-align: center;border-top-left-radius:15px;opacity:0.9">Up简介</span></a><br />
<a href="http://live.bilibili.com/69034#zero2" target="_self" title='yuza的直播间介绍'>
<span style="display:block;color:#FFF; background-color:#60B875;font-size:16px; padding:3px 5px;width: 80px;text-align: center;margin-top: -30px;opacity:0.9">直播介绍</span></a><br />
<a href="http://live.bilibili.com/69034#zero3" target="_self" title='yuza的渣脑配置'>
<span style="display:block;color:#FFF; background-color:#FFB700;font-size:17px; padding:3px 5px;width: 80px;text-align: center;margin-top: -30px;opacity:0.9">[电脑配置]</span></a><br />
<a href="http://live.bilibili.com/69034#zero4" target="_self" title="yuza的勾搭方式">
<span style="display:block;color:#FFF; background-color:#D24F81;font-size:16px; padding:3px 5px;width: 80px;text-align: center;border-bottom-left-radius: 15px;margin-top: -30px;opacity:0.9">勾搭方式</span></a>
</div>
<span style="display:block; width:200px;height: 30px;margin: -150px 0 0 45px; color:#FFF;text-shadow: 1px 1px 1px #000; font-size:24px">
电脑配置
</span>
<span style="display:block;width: 400px;height: 170px;margin: 5px 0 0 50px; color:#FFF;text-shadow: 1px 1px 1px #000; font-size:12px">
操作系统Windows 7 Enterprise 64位 SP1 ( DirectX 11 )<br />
处理器英特尔 Core i5-4690 @ 3.50GHz 四核<br />
主板微星 Z97 GAMING 3 (MS-7918) ( 英特尔 Haswell - Z97 芯片组 )<br />
内存16 GB ( 金士顿 DDR3 1600MHz )<br />
主硬盘金士顿 SV300S37A120G ( 120 GB / 固态硬盘 )<br />
显卡Nvidia GeForce GTX 960 ( 2 GB / 华硕 )<br />
显示器戴尔 DELA038 DELL S2409W ( 24 英寸  )<br />
声卡瑞昱  @ 英特尔 High Definition Audio Controller<br />
网卡鈺硕 Killer E2200 Gigabit Ethernet Controller / 微星
</span>
<span style="font-size:7px; color:#FFF;margin: -25px 0 0 999px; display:block;width:120px;">
*本简介由<a href="http://space.bilibili.com/3775459" target="_blank" style="color:#fff; text-shadow: 1px 1px 1px #999;" title="零时殿下">零食</a>制作</span>
</div>

<div style="width:1160; height:210px; background:url(http://i2.buimg.com/eb6080e52cb56f64.png);overflow: hidden;" id="zero4">
<div style="font-size:20px; color:#FFF; text-shadow:1px 1px 1px #000; margin:44px 0 0 1070px;overflow: hidden;">
<a href="http://live.bilibili.com/69034#zero1" target="_self" title="yuza的自我介绍">
<span style="display:block;color:#FFF; background-color:#09F;font-size:16px; padding:3px 5px;width: 80px;text-align: center;border-top-left-radius:15px;opacity:0.9">Up简介</span></a><br />
<a href="http://live.bilibili.com/69034#zero2" target="_self" title='yuza的直播间介绍'>
<span style="display:block;color:#FFF; background-color:#60B875;font-size:16px; padding:3px 5px;width: 80px;text-align: center;margin-top: -30px;opacity:0.9">直播介绍</span></a><br />
<a href="http://live.bilibili.com/69034#zero3" target="_self" title='yuza的渣脑配置'>
<span style="display:block;color:#FFF; background-color:#FFB700;font-size:16px; padding:3px 5px;width: 80px;text-align: center;margin-top: -30px;opacity:0.9">电脑配置</span></a><br />
<a href="http://live.bilibili.com/69034#zero4" target="_self" title="yuza的勾搭方式">
<span style="display:block;color:#FFF; background-color:#D24F81;font-size:17px; padding:3px 5px;width: 80px;text-align: center;border-bottom-left-radius: 15px;margin-top: -30px;opacity:0.9">[勾搭方式]</span></a>
</div>
<span style="display:block; width:200px;height: 30px;margin: -150px 0 0 45px; color:#FFF;text-shadow: 1px 1px 1px #000; font-size:24px">
勾搭方式
</span>
<span style="display:block;width: 400px; height:70px;margin: 20px 0 0 50px; color:#FFF;text-shadow: 1px 1px 1px #000;font-size: 17px;">
☆新浪微博:<a href="http://weibo.com/u/1894580517" title="点击加入" style="color: #F6F9FA;">不懂也可以入</a><br />
★qq群:<a href="http://jq.qq.com/?_wv=1027&k=2JK3ov7" title="点击加入yuza的和谐群~" style="color: #F6F9FA;">224277433(群内污污哒的人居多~)</a>
</span>
<p style="width: 250px; height:20px;margin: 20px 0 0 50px; color:#FFF;text-shadow: 1px 1px 1px #000;font-size: 17px;">
ps:以上都可以点击直接加入呐~
</p>
<span style="font-size:7px; color:#FFF;margin: 20px 0 0 999px; display:block; width:120px;">
*本简介由<a href="http://space.bilibili.com/3775459" target="_blank" style="color:#fff; text-shadow: 1px 1px 1px #999;" title="零时殿下">零食</a>制作</span>
</div>

</div>
喜欢 (8)
[15390816981]
分享 (0)

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