算命 发表于 2017-5-4 10:45:15

算命 ： 赠没来 你见青山多妩媚 《叁期》

本帖最后由 算命 于 2017-5-4 10:45 编辑 <br /><br />PC端浏览效果最佳
<style type="text/css">#first{overflow:hidden;margin:50px auto;width:950px;height:1850px;background:#f5f5f5;-webkit-box-shadow:0 0 16px #454345;-moz-box-shadow:0 0 16px #454345;box-shadow:0 0 16px #454345;font-size:16px;font-family:"Poiret One","微软雅黑 Light";font-width:300}
#first a{color:#DBDBDB;text-decoration:none}
#first_a{overflow:hidden;height:450px;background:url("http://www.qqmcc.net/data/attachment/album/201704/29/155604wgg419g3rong03ra.jpg") center;background-size:cover;text-align:center}
#first_a_a{overflow:hidden;height:50px;text-align:left;font-size:20px;line-height:50px}
#first_a_a span{margin-left:33px}
#first_a_b{overflow:hidden;margin:60px auto;width:500px;height:200px;border:solid 2px rgba(255,255,255,.5);border-radius:5px;background:rgba(255,255,255,.5)}
#first_a_b ul{margin:60px 0 0 -30px;text-align:center}
#first_a_b ul li{list-style:none}
#first_x{overflow:hidden;margin:25px auto;width:900px;height:80px;border:solid 1px rgba(255,153,204,.3);border-radius:5px;background:#fff}
#first_x ul li{float:left;display:block;width:120px;height:80px;text-align:center;line-height:80px}
#first_x ul li a{color:#000}
#first_b{overflow:hidden;height:402px}
#first_b_a,#first_b_b{float:left;overflow:hidden;height:400px;border-radius:5px}
#first_b_a{margin-left:25px;width:300px;border:solid 1px rgba(255,153,204,.3);background:#fff;text-align:center}
#first_b_a ul img{margin-top:70px;width:110px;height:110px;border-radius:50%}
#first_b_a #first_b_button{margin:90px 0 0 30px}
#first_b_b_a{overflow:hidden;margin:32px 0 0 43px;height:50px;border-left:solid 4px #f9c}
#first_b_b_a span{display:block;margin:-2px 0 0 10px;font-size:1.5em}
#first_b_b_a p{display:block;margin:-7px 0 0 10px;font-size:15px}
#first_b_b_b{overflow:hidden;margin:20px auto;width:500px;text-align:center}
#first_b_b_b img{margin:1%;width:110px;height:110px}
#first_y{overflow:hidden;margin:25px auto;width:900px;height:100px}
#first_y #title{color:rgba(255,153,204,.8);text-align:center;font-weight:500;font-size:1.2em;line-height:1.1}
#first_y #title span{position:relative;display:block;color:#212121;font-size:2em}
#first_y #title span:after,#first_y #title span:before{position:absolute;top:52%;width:12%;height:1px;background:#494949;content:''}
#first_y #title span:before{left:15%}
#first_y #title span:after{right:15%}
#first_c{overflow:hidden;margin:25px auto;width:903px;height:160px;text-align:center}
#first_c img{margin:20px 0 0 13px;padding:2px;width:130px;height:130px;border:solid 1px #fff}
#first_d{margin:auto;width:652px;height:402px;border:solid 1px rgba(255,153,204,.5);border-radius:5px;background:#fff}
#first_d_a{overflow:hidden;margin:32px 0 0 43px;height:50px;border-left:solid 4px #f9c}
#first_d_a span{display:block;margin:-2px 0 0 10px;font-size:1.5em}
#first_d_a p{display:block;margin:-7px 0 0 10px;font-size:15px}
#first_d_b{overflow:hidden;margin:20px auto;width:500px;text-align:center}
#first_d_b img{margin:1%;width:110px;height:110px}
#first_e{overflow:hidden;margin-top:50px;height:100px;color:#000;text-align:center;font-size:14px}
#first_e span{line-height:100px}
.hvr-underline-from-center{position:relative;display:inline-block;overflow:hidden;box-shadow:0 0 1px transparent;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0)}
.hvr-underline-from-center:before{position:absolute;right:50%;bottom:0;left:50%;z-index:-1;height:1px;background:#6cf;content:"";-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left,right;transition-property:left,right}
.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{right:0;left:0}
.hvr-shadow-radial{position:relative;display:inline-block;box-shadow:0 0 1px transparent;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0)}
.hvr-shadow-radial:after,.hvr-shadow-radial:before{position:absolute;left:0;box-sizing:border-box;width:100%;height:5px;background-repeat:no-repeat;content:'';opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity;pointer-events:none}
.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,transparent 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,transparent 80%)}
.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,transparent 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,transparent 80%)}
.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}

</style>
<div id="first">
    <div id="first_a">
      <div id="first_a_a">
            <span>
                <a href="http://www.qqmcc.net/home.php?mod=space&uid=1996" target="" title="">HEART</a>
            </span>
      </div>
      <div id="first_a_b">
            <ul style="text-align: center;margin-top: 60px;">
                <li style="color: #ff99cc;font-size:20px;margin-bottom: 5px;letter-spacing: 2px;">When in your
                  presence
                </li>
                <li style="color: #000000;font-size: 22px;margin-bottom: 5px;letter-spacing: 0.2em;">你见青山多妩媚 料青山见你应如是
                </li>
                <li style="width: 90px;height: 28px;line-height:28px;border: solid 1px #ff99cc;border-radius:3px;margin: 10px 0 0 230px;background: #ff99cc;
color:#ffffff">MINE
                </li>

            </ul>
      </div>
    </div>
    <div id="first_x">
      <ul style="list-style: none;margin-left: 50px;">
            <li id="li_a" class="hvr-underline-from-center"><a href="http://www.qqmcc.net/home.php?mod=space&uid=1996" target="_blank"> Home/家园</a></li>
            <li class="hvr-underline-from-center"><a href="http://www.qqmcc.net/home.php?mod=space&uid=1996&do=album&view=me&from=space" target="_blank"> Album/相册</a></li>
            <li class="hvr-underline-from-center"><a href="http://www.qqmcc.net/home.php?mod=space&uid=1996&do=wall" target="_blank"> Message/留言</a></li>
            <li class="hvr-underline-from-center"><a href="http://www.qqmcc.net/home.php?mod=space&uid=1996&do=profile" target="_blank"> Info/关于</a></li>
            <li class="hvr-underline-from-center"><a onclick="alert('QQ:508170051')"> customize/定制</a></li>
      </ul>
    </div>
    <div id="first_b">
      <div id="first_b_a">
            <ul style="list-style: none;text-align: center;margin-left:-30px;height: 200px;">
                <li style=""><a href="" target="_blank" ><img src="http://www.qqmcc.net/data/attachment/album/201704/29/155223aygiuuwwugl4iun2.jpg"/> </a> </li><!--头像部分-->
                <li style="margin-top: 10px;">不经事却说离别</li>
            </ul>
            <div id="first_b_button">
                <li style="display: block;float: left; width: 80px;height: 30px;background: #E03C5A;text-align: center;border-radius: 3px;" class="hvr-shadow-radial">
                  <a href="" target="_blank" title="收藏" style="text-decoration: none;color:black;line-height: 25px;">
                        <img src="http://www.qqmcc.net/data/attachment/album/201704/07/180108j6tnxx4m3l067i7p.png" style="width: 20px;height: 20px;margin: 5px 0 0 -35px">
                        <span style="display: block;margin: -22px 0 0 20px;">收藏</span>
                  </a>
                </li>
                <li style="display: block;float: left; width: 80px;height: 30px;background: #FFEC8B;text-align: center;border-radius: 3px;margin-left: 15px;" class="hvr-shadow-radial">
                  <a href="" target="_blank" title="分享" style="text-decoration: none;color:black;line-height: 25px;">
                        <img src="http://www.qqmcc.net/data/attachment/album/201704/07/180108wxd232256dru2vyz.png" style="width: 20px;height: 20px;margin: 5px 0 0 -35px">
                        <span style="display: block;margin: -22px 0 0 20px;">分享</span>
                  </a>
                </li>
            </div>
      </div>
      <div id="first_b_b" style="width: 573px;background:#ffffff;margin-left: 25px;border: solid 1px rgba(255, 153, 204,0.3)">
            <div id="first_b_b_a">
                <span>那</span>
                <p>那爱情一定要说成故事才够动听吗</p>
            </div>
            <div id="first_b_b_b">
                http://www.qqmcc.net/data/attachment/album/201705/04/092200ddrlrlt62tbcxgz5.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092159ztof5q9gtqon59hq.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092158qo2vm7j0a70i4jk0.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092157nle8zpccen89dd8g.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092157b9xxlex42e74jv2s.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092156hf88fm8soy8wqfp5.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092156l2lo4772p7r2501j.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092155ezkkz9y3yfid3yhe.jpeg
            </div>
      </div>
    </div>
    <div id="first_y">
      <h3 id="title">Compared with<span>Mamihlapinatapai</span></h3>
    </div>
    <div id="first_c">
      http://www.qqmcc.net/data/attachment/album/201705/04/092155zdrr88z884wdrnr1.jpeg
      http://www.qqmcc.net/data/attachment/album/201705/04/092158i9un7hmg99s567c1.jpeg
      http://www.qqmcc.net/data/attachment/album/201705/04/092146qnk7llryvuf0olql.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092146rhj1sjj2jxwh17sh.jpeg
    </div>
    <div id="first_d">
      <div id="first_d_a">
            <span>末</span>
            <p>未说出口的话就不算掷地有声吗</p>
      </div>
      <div id="first_d_b">
            http://www.qqmcc.net/data/attachment/album/201705/04/092145cc3j2aaanr7oacro.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092145rpxrrxgfs6jjj1tf.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092144u7xm86ncq577nq86.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092144w9hhuocuckufuco0.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092143wlmu09979ukxlmop.pnghttp://www.qqmcc.net/data/attachment/album/201705/04/092143kzursisyh23h6iju.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092142wxvmwb5zuuuxtzju.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/092141s1uruufkulyupuuk.jpg
      </div>
    </div>
    <div id="first_e">

      <span>BY MZ 5/4</span>
    </div>
</div>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=28456751&auto=1&height=66"></iframe>

算命 发表于 2017-5-4 10:45:16

本帖最后由 算命 于 2017-5-4 10:26 编辑 <br /><br /><div id="first">
    <div id="first_a">
      <div id="first_a_a">
            <span>
                <a href="http://www.qqmcc.net/home.php?mod=space&uid=1996" target="" title="">HEART</a>
            </span>
      </div>
      <div id="first_a_b">
            <ul style="text-align: center;margin-top: 60px;">
                <li style="color: #ff99cc;font-size:20px;margin-bottom: 5px;letter-spacing: 2px;">When in your
                  presence
                </li>
                <li style="color: #000000;font-size: 22px;margin-bottom: 5px;letter-spacing: 0.2em;">你见青山多妩媚 料青山见你应如是
                </li>
                <li style="width: 90px;height: 28px;line-height:28px;border: solid 1px #ff99cc;border-radius:3px;margin: 10px 0 0 230px;background: #ff99cc;
color:#ffffff">MINE
                </li>

            </ul>
      </div>
    </div>
    <div id="first_x">
      <ul style="list-style: none;margin-left: 50px;">
            <li id="li_a" class="hvr-underline-from-center"><a href="http://www.qqmcc.net/home.php?mod=space&uid=1996" target="_blank"> Home/家园</a></li>
            <li class="hvr-underline-from-center"><a href="http://www.qqmcc.net/home.php?mod=space&uid=1996&do=album&view=me&from=space" target="_blank"> Album/相册</a></li>
            <li class="hvr-underline-from-center"><a href="http://www.qqmcc.net/home.php?mod=space&uid=1996&do=wall" target="_blank"> Message/留言</a></li>
            <li class="hvr-underline-from-center"><a href="http://www.qqmcc.net/home.php?mod=space&uid=1996&do=profile" target="_blank"> Info/关于</a></li>
            <li class="hvr-underline-from-center"><a onclick="alert('QQ:508170051')"> customize/定制</a></li>
      </ul>
    </div>
    <div id="first_b">
      <div id="first_b_a">
            <ul style="list-style: none;text-align: center;margin-left:-30px;height: 200px;">
                <li style=""><a href="" target="_blank" ><img src="http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg"/> </a> </li><!--头像部分-->
                <li style="margin-top: 10px;">不经事却说离别</li>
            </ul>
            <div id="first_b_button">
                <li style="display: block;float: left; width: 80px;height: 30px;background: #E03C5A;text-align: center;border-radius: 3px;" class="hvr-shadow-radial">
                  <a href="" target="_blank" title="收藏" style="text-decoration: none;color:black;line-height: 25px;">
                        <img src="http://www.qqmcc.net/data/attachment/album/201704/07/180108j6tnxx4m3l067i7p.png" style="width: 20px;height: 20px;margin: 5px 0 0 -35px">
                        <span style="display: block;margin: -22px 0 0 20px;">收藏</span>
                  </a>
                </li>
                <li style="display: block;float: left; width: 80px;height: 30px;background: #FFEC8B;text-align: center;border-radius: 3px;margin-left: 15px;" class="hvr-shadow-radial">
                  <a href="" target="_blank" title="分享" style="text-decoration: none;color:black;line-height: 25px;">
                        <img src="http://www.qqmcc.net/data/attachment/album/201704/07/180108wxd232256dru2vyz.png" style="width: 20px;height: 20px;margin: 5px 0 0 -35px">
                        <span style="display: block;margin: -22px 0 0 20px;">分享</span>
                  </a>
                </li>
            </div>
      </div>
      <div id="first_b_b" style="width: 573px;background:#ffffff;margin-left: 25px;border: solid 1px rgba(255, 153, 204,0.3)">
            <div id="first_b_b_a">
                <span>那</span>
                <p>那爱情一定要说成故事才够动听吗</p>
            </div>
            <div id="first_b_b_b">
http://www.qqmcc.net/data/attachment/album/201705/04/102345cc1wgc8ze1il1oaz.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/102344jb8w5bhm6y6uht5s.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/102344as5lnsn6dz0szord.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/102343z3h6h7ppi5m5i65k.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/102343vi81e8qfmmzq3vqa.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/102342srmk676rwkz6qz67.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/102342tw4dq4gxdjrqfhi1.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/102341oow90t7ilk9967lx.jpeg
            </div>
      </div>
    </div>
    <div id="first_y">
      <h3 id="title">Compared with<span>Mamihlapinatapai</span></h3>
    </div>
    <div id="first_c">
http://www.qqmcc.net/data/attachment/album/201705/04/102341f1x7xjnjhyb1jmoh.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/102340rf6q3f4tm4kfsy8s.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/102332co5uzahnnno5ughh.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/102331lfz65t3t3asbkh73.jpeg
    </div>
    <div id="first_d">
      <div id="first_d_a">
            <span>末</span>
            <p>未说出口的话就不算掷地有声吗</p>
      </div>
      <div id="first_d_b">
http://www.qqmcc.net/data/attachment/album/201705/04/102331duptbpmutt72heph.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/102330oyz3jfla71kyyzhf.jpeghttp://www.qqmcc.net/data/attachment/album/201705/04/102330dhgp53ivm5fs8wce.jpghttp://www.qqmcc.net/data/attachment/album/201705/04/102329ryukl0jduiuwduwx.jpghttp://www.qqmcc.net/data/attachment/album/201705/04/102329nkqmp4rqga9d68b9.jpghttp://www.qqmcc.net/data/attachment/album/201705/04/102328xfelhuhil8zgxi9d.jpghttp://www.qqmcc.net/data/attachment/album/201705/04/102327ixaxezt4xgxtndya.jpghttp://www.qqmcc.net/data/attachment/album/201705/04/102326go8y5waduyayybzm.jpg
      </div>
    </div>
    <div id="first_e">

      <span>BY MZ 5/4</span>
    </div>
</div>

算命 发表于 2017-5-4 10:45:17

本帖最后由 QQmcc-鹿桥 于 2017-5-5 11:13 编辑 <br /><br />**** Hidden Message *****

私藏 发表于 2017-5-4 10:49:27

饶是青山多妩媚

袁艺 发表于 2017-5-4 10:53:31

6666666666666666666666666

算卦 发表于 2017-5-4 11:00:45

http://www.qqmcc.net//mobcent//app/data/phiz/default/07.pnghttp://www.qqmcc.net//mobcent//app/data/phiz/default/07.png

算卦 发表于 2017-5-4 11:02:53

不会离别啊永远不会～

QQmcc-狮子 发表于 2017-5-4 11:14:44

这个好看            

QQmcc-狮子 发表于 2017-5-4 11:17:03

辛苦了感谢分享

很久不见你 发表于 2017-5-4 11:22:26

   青山多妩媚
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 算命 ： 赠没来 你见青山多妩媚 《叁期》