B站简介制作2017年第三版-37338

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


已经根据 B 站改版后对应的修改

B 站简介制作 2017 年第三版-37338
B 站简介制作 2017 年第三版-37338
B 站简介制作 2017 年第三版-37338
B 站简介制作 2017 年第三版-37338

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

    <div style="width: 1188px; height: 277px; margin: -23px 0px 0 -25px; overflow: hidden;">
    <div style="width: 1188px; height: 277px;margin:0px;overflow:hidden;font-size:20px;color:#ffffff;font-weight:900;background:url(http://51tuku.cn/images/2017/01/30/eDLm.jpg) no-repeat 0px -593px ;background-size:100%;">

      <div style="width: 1188px; height: 277px;overflow:hidden;" id="mumu_1">
        <div style="width:200px;float:left;height:277px;position:relative;margin-left: 25px;">
          <div style="width:150px;height:35px;line-height:35px;text-align:center;border-radius:5px;margin: 20px 0px 0px 0px;background:rgba(255, 102, 102, 0.7);">
            主播简介
          </div>
          <div style="width:50px;float:right;height:4px;background-color: rgba(0, 0, 0, 0.2);margin: -19px 0px 0px 0px;">

          </div>
        </div>
        <div style="width:4px;height:277px;background-color: rgba(0, 0, 0, 0.2);margin: 6px 0px 0px 0px;border-radius:2px;float:left;">

        </div>
        <div style="width: 800px;height:277px;float:left;overflow:hidden;">
          <div style="width:50px;float:left;height:277px;">
            <div style="width:50px;height:4px;background-color: rgba(0, 0, 0, 0.2);margin: 152px 0px 0px 0px;">

            </div>
          </div>
          <div style="width: 750px;float:left;height:277px;">
            <div style="width: 730px;height:265px;border-radius:5px;background: rgba(51, 51, 51, 0.47);overflow:hidden;margin: 8px 0px 0px 0px;">
              <div style="width: 720px;height:277px;margin: 0px 0px 0px 49px;overflow:auto;">
                BiliBili2 年游戏 UP 主千葉型 DJ,专职游戏主播
                <br /> 玩任何自己想玩 你们想看的游戏
                <br /> B 站小霸王经常匿机,卡顿请刷新
                <br /> 已拒绝其他平台的请求留在 b 站,希望大家多多支持~
                <br />
              </div>
            </div>
          </div>
        </div>

        <div style="float:right;width:150px;height:277px;margin-right:8px;">
          <div style="width:150px;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);">
            <a href="http://live.bilibili.com/neptune/465#mumu_1" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self">
              主播简介
            </a>
          </div>
          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
            <a href="http://live.bilibili.com/neptune/465#mumu_2" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self">
              直播内容
            </a>
          </div>




          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
            <a href="http://live.bilibili.com/neptune/465#mumu_3" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self"> 直播时间 </a>
          </div>


          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
            <a href="http://live.bilibili.com/neptune/465#mumu_4" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self">联系方式 </a>
          </div>

        </div>
      </div>

      <div style="width: 1188px; height: 277px;overflow:hidden;" id="mumu_2">
        <div style="width:200px;float:left;height:277px;position:relative;margin-left: 25px;">
          <div style="width:150px;height:35px;line-height:35px;text-align:center;border-radius:5px;margin: 20px 0px 0px 0px;background: rgba(255, 153, 102, 0.7);">
            直播内容
          </div>
          <div style="width:50px;float:right;height:4px;background-color: rgba(0, 0, 0, 0.2);margin: -19px 0px 0px 0px;">

          </div>
        </div>
        <div style="width:4px;height:277px;background-color: rgba(0, 0, 0, 0.2);border-radius:2px;float:left;">

        </div>
        <div style="width: 800px;height:277px;float:left;overflow:hidden;">
          <div style="width:50px;float:left;height:277px;">
            <div style="width:50px;height:4px;background-color: rgba(0, 0, 0, 0.2);margin: 152px 0px 0px 0px;">

            </div>
          </div>
          <div style="width: 750px;float:left;height:277px;">
            <div style="width: 730px;height:265px;border-radius:5px;background: rgba(51, 51, 51, 0.47);overflow:hidden;margin: 8px 0px 0px 0px;">
              <div style="width: 720px;height:277px;margin: 0px 0px 0px 49px;overflow:auto;">
                Steam Origin Uplay 热门单机联机
                <br /> Fate/Grand Order
              </div>
            </div>
          </div>
        </div>

        <div style="float:right;width:150px;height:277px;margin-right:8px;">

          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
            <a href="http://live.bilibili.com/neptune/465#mumu_1" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self">主播简介 </a>
          </div>


          <div style="width:150px;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.7);">
            <a href="http://live.bilibili.com/neptune/465#mumu_2" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self"> 直播内容 </a>
          </div>


          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
            <a href="http://live.bilibili.com/neptune/465#mumu_3" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self"> 直播时间 </a>
          </div>


          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
            <a href="http://live.bilibili.com/neptune/465#mumu_4" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self"> 联系方式 </a>
          </div>


        </div>
      </div>

      <div style="width: 1188px; height: 277px;overflow:hidden;" id="mumu_3">
        <div style="width:200px;float:left;height:277px;position:relative;margin-left: 25px;">
          <div style="width:150px;height:35px;line-height:35px;text-align:center;border-radius:5px;margin: 20px 0px 0px 0px;background: rgba(176, 217, 107, 0.7);">
            直播时间
          </div>
          <div style="width:50px;float:right;height:4px;background-color: rgba(0, 0, 0, 0.2);margin: -19px 0px 0px 0px;">

          </div>
        </div>
        <div style="width:4px;height:277px;background-color: rgba(0, 0, 0, 0.2);border-radius:2px;float:left;">

        </div>
        <div style="width: 800px;height:277px;float:left;overflow:hidden;">
          <div style="width:50px;float:left;height:277px;">
            <div style="width:50px;height:4px;background-color: rgba(0, 0, 0, 0.2);margin: 152px 0px 0px 0px;">

            </div>
          </div>
          <div style="width: 750px;float:left;height:277px;">
            <div style="width: 730px;height:265px;border-radius:5px;background: rgba(51, 51, 51, 0.47);overflow:hidden;margin: 8px 0px 0px 0px;">
              <div style="width: 720px;height:277px;margin: 0px 0px 0px 49px;overflow:auto;">
                一般是下午 2:00 至 5:00
                <br /> 晚上 7:00 至 9:30
                <br /> 早上起来就播(希望不赖床)
                <br /> 如果有事会在群里或者前天直播说明
              </div>
            </div>
          </div>
        </div>

        <div style="float:right;width:150px;height:277px;margin-right:8px;">

          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
            <a href="http://live.bilibili.com/neptune/465#mumu_1" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self">主播简介 </a>
          </div>


          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
            <a href="http://live.bilibili.com/neptune/465#mumu_2" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self"> 直播内容 </a>
          </div>


          <div style="width:150px;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.7);">
            <a href="http://live.bilibili.com/neptune/465#mumu_3" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self"> 直播时间</a>
          </div>


          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
            <a href="http://live.bilibili.com/neptune/465#mumu_4" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self"> 联系方式 </a>
          </div>


        </div>
      </div>

      <div style="width: 1188px; height: 277px;overflow:hidden;" id="mumu_4">
        <div style="width:200px;float:left;height:277px;position:relative;margin-left: 25px;">
          <div style="width:150px;height:35px;line-height:35px;text-align:center;border-radius:5px;margin: 20px 0px 0px 0px;background: rgba(175,220,224,0.7);">
            联系方式
          </div>
          <div style="width:50px;float:right;height:4px;background-color: rgba(0, 0, 0, 0.2);margin: -19px 0px 0px 0px;">

          </div>
        </div>
        <div style="width:4px;height:277px;background-color: rgba(0, 0, 0, 0.2);margin: -8px 0px 0px 0px;border-radius:2px;float:left;">

        </div>
        <div style="width: 800px;height:277px;float:left;overflow:hidden;">
          <div style="width:50px;float:left;height:277px;">
            <div style="width:50px;height:4px;background-color: rgba(0, 0, 0, 0.2);margin: 152px 0px 0px 0px;">

            </div>
          </div>
          <div style="width: 750px;float:left;height:277px;">
            <div style="width: 730px;height:265px;border-radius:5px;background: rgba(51, 51, 51, 0.47);overflow:hidden;margin: 8px 0px 0px 0px;">
              <div style="width: 720px;height:277px;margin: 0px 0px 0px 49px;overflow:auto;">
                <div style="width:500px;height:auto;float:left;">
                  Fate/GO 交流群:
                  <a href="https://jq.qq.com/?_wv=1027&k=44Ouhr2" title="点击链接加入群【Fate/GO 冠位咸鱼交流群】" style="color:#FF6666;">584042358</a>
                  <br /> 其他游戏交流:
                  <a href="https://jq.qq.com/?_wv=1027&k=44P02ge" title="点击链接加入群【秋名山车队】" style="color:#FF6666;">415425004</a>
                </div>
                <div style="width:170px;height:220px;float:right;margin-right: 28px;">
                  <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/30/lZyr.jpg) no-repeat -21px -16px;background-size: 127%;border-radius: 30px;"></div>

                </div>
              </div>
            </div>
          </div>
        </div>

        <div style="float:right;width:150px;height:277px;margin-right:8px;">

          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
            <a href="http://live.bilibili.com/neptune/465#mumu_1" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self"> 主播简介 </a>
          </div>


          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
            <a href="http://live.bilibili.com/neptune/465#mumu_2" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self"> 直播内容 </a>
          </div>


          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;">
            <a href="http://live.bilibili.com/neptune/465#mumu_3" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self"> 直播时间 </a>
          </div>


          <div style="width:150px;line-height:30px;height:30px;text-align:center;border-radius:10px;box-shadow:1px 1px 10px  #FF6666;margin-top:20px;color: rgba(175,220,224,0.7);">
            <a href="http://live.bilibili.com/neptune/465#mumu_4" style="color:#ffffff;font-size:19px;font-weight:bold;display:block;width:150px;line-height:30px;height:30px;"
              target="_self"> 联系方式 </a>
          </div>


        </div>
      </div>

      <span style="position:absolute; bottom:0px; right:0px; font-size:14px; background: rgba(210, 216, 207, 0.88); 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>
  </div>

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

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

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