莎士比亚 发表于 2017-3-14 14:10:21

莎士比亚：　愿许一人以偏爱，尽此生之慷慨。<精品男头+好歌>

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <style type="text/css">
                        #daqi{display:block; width: 100%;height: 1550px;margin: 30px auto;background: rgb(66, 64,61);overflow: hidden;font-family: "mv boli","estrangelo edessa";}
                        #daqi_title{width: 100%;height: 300px;text-align: center;background: url("http://www.qqmcc.net/data/attachment/album/201703/07/153312z0vxz2ud2rrrrxd8.jpg");background-size:cover;overflow: hidden;}
                        #title_a{width: 300px;margin:auto;margin-top:170px;font-weight: bold;font-size: 2em;color: rgba(66, 64,61,0.7);
                        border-bottom-style:solid;border-bottom-width:1px;line-height: 55px;}
                        #title_a:hover{color: rgb(66, 64,61);}
                        #title_b{font-size: 2.5em;font-weight: 300; color: rgb(66, 64,61);margin:4px auto;}
                        #body_a{margin: 0 0 0 0;width:1000px;overflow: hidden;}
                        #body_a ul{width:1000px;margin:0;}
                        #body_a ul li{ list-style: none;display: inline;text-align: center;width: 170px;
                        float: left;height: 80px;}
                        #body_a ul li a{text-decoration: none;color:#bda894;line-height: 80px;font-size: 1.1em;padding: 1px;}
                        #body_b{margin: 60px 0 0 150px;overflow: hidden;}
                        #body_b_img{float: left;margin: 20px 0 0 0;}
                        #body_b_img img{width:100px ;height: 100px;border-radius:50%;border:solid 1px #bda894;}
                        #body_b_right{width: 500px;height: 50px;float: left;background: #bda894;margin: 45px 0 0 40px;
                        border-radius:8px ;}
                        #body_b_right span{ line-height: 50px;margin-left: 15px;}
                        #clear{clear: both;}
                        #body_c{margin: 100px auto;height: 820px;width: 900px;overflow: hidden;}
                        #body_c_a{margin: 20px 0 0 20px;width: 50px;height:30px;text-align: center; border-bottom-style: solid;
                        border-bottom-width: 1px;}
                        #body_c_a span{line-height: 30px;font-size: 1.2em;}
                        #body_c_b{width: 900px;height:300px;margin:30px 0 0 50px;border-right-style: solid;border-right-width: 3px;}
                        #body_c_b img{width: 150px;height: 150px;float: left;margin: 5px;}
                       
                        @-webkit-keyframes hvr-bob {
0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}
@keyframes hvr-bob {
0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-bob-float {
100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}
@keyframes hvr-bob-float {
100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}
.hvr-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
.hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
/* W3C */
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
.hvr-bubble-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
left: 0;
border-width: 10px 10px 10px 0;
border-color: transparent #bda894 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}

                </style>
        </head>
        <body>
                <div id="daqi">
                        <div id="daqi_title">
                                <div id="title_a">
                                        <span>莎士比亚</span>
                                </div>
                                <div id="title_b">
                                        <span>William Shakespeare</span>
                                </div>
                        </div>
                        <div id="daqi_body">
                                <div id="body_a">
                                        <ul>
                                                <li><a href="http://www.qqmcc.net/home.php?mod=space&uid=666" target="_blank" class="hvr-bob">首页 / Home</a></li>
                                                <li><a href="http://www.qqmcc.net/home.php?mod=space&uid=666&do=thread&view=me&from=space" target="_blank" class="hvr-bob">主题 / Sign</a></li>
                                                <li><a href="http://www.qqmcc.net/home.php?mod=space&uid=666&do=wall" target="_blank" class="hvr-bob">留言 / Message</a></li>
                                                <li><a href="http://www.qqmcc.net/home.php?mod=space&uid=666&do=album&view=me&from=space" target="_blank" class="hvr-bob">相册 / Photo</a></li>
                                                <li><a href="http://www.qqmcc.net/home.php?mod=space&uid=666&do=profile" target="_blank" class="hvr-bob">更多 / More</a></li>
                                        </ul>
                                </div>
                                <div id="body_b">
                                        <div id="body_b_img" class="hvr-float-shadow">
http://www.qqmcc.net/data/attachment/album/201703/08/094004bhebdobgy6ii0eo2.png
                                        </div>
                                        <div id="body_b_right" class="hvr-bubble-left">
                                                <span>love is a carefully disigned lie</span>
                                        </div>
                                </div>
                                <div id="clear"></div>
                                <div id="body_c">
                                        <div id="body_c_a" class="hvr-bob">
                                                <span>page1</span>
                                        </div>
                                        <div id="body_c_b">
http://www.qqmcc.net/data/attachment/album/201703/14/140022wzar7balxm2ixbrx.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140021il5tqdc3qqzduyqw.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140021ujcivjtfjv1cvkf1.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140021occf9jjsgss5s9k9.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140020v20l8868o82oc2p3.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140020afj4yzk80f91ztbl.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140020m6lwwz22k6kzlwzo.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140020vmfmd72tje2j5nk7.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140019xp1ejt6pjz1toomh.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140019wr0z15scwqvcm7ql.jpg
                                        </div>
                                        <div id="body_c_a" class="hvr-bob">
                                                <span>page2</span>
                                        </div>
                                        <div id="body_c_b">
http://www.qqmcc.net/data/attachment/album/201703/14/140019uum2m5gasarz04rg.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140018ug6unhlygyu4mzxg.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140018kv7fl0xzfqofg7oa.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140018autzsob1r2bat6t1.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140017ine1eh5e81nrlfe5.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140017jjbwgzb85jq8qjpq.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140017yzf3kkfoqo36opko.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140016x86zro6b1ay8l6k6.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140016ecb2vycq8xyftt8b.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140015gseih7sl3pd50p5b.jpg
                                        </div>
                                </div>
                        </div>
                </div>
        </body>
</html>

莎士比亚 发表于 2017-3-14 14:10:22

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <style type="text/css">
                        #daqi{display:block; width: 100%;height: 1550px;margin: 30px auto;background: rgb(66, 64,61);overflow: hidden;font-family: "mv boli","estrangelo edessa";}
                        #daqi_title{width: 100%;height: 300px;text-align: center;background: url("http://www.qqmcc.net/data/attachment/album/201703/07/153312z0vxz2ud2rrrrxd8.jpg");background-size:cover;overflow: hidden;}
                        #title_a{width: 300px;margin:auto;margin-top:170px;font-weight: bold;font-size: 2em;color: rgba(66, 64,61,0.7);
                        border-bottom-style:solid;border-bottom-width:1px;line-height: 55px;}
                        #title_a:hover{color: rgb(66, 64,61);}
                        #title_b{font-size: 2.5em;font-weight: 300; color: rgb(66, 64,61);margin:4px auto;}
                        #body_a{margin: 0 0 0 0;width:1000px;overflow: hidden;}
                        #body_a ul{width:1000px;margin:0;}
                        #body_a ul li{ list-style: none;display: inline;text-align: center;width: 170px;
                        float: left;height: 80px;}
                        #body_a ul li a{text-decoration: none;color:#bda894;line-height: 80px;font-size: 1.1em;padding: 1px;}
                        #body_b{margin: 60px 0 0 150px;overflow: hidden;}
                        #body_b_img{float: left;margin: 20px 0 0 0;}
                        #body_b_img img{width:100px ;height: 100px;border-radius:50%;border:solid 1px #bda894;}
                        #body_b_right{width: 500px;height: 50px;float: left;background: #bda894;margin: 45px 0 0 40px;
                        border-radius:8px ;}
                        #body_b_right span{ line-height: 50px;margin-left: 15px;}
                        #clear{clear: both;}
                        #body_c{margin: 100px auto;height: 820px;width: 900px;overflow: hidden;}
                        #body_c_a{margin: 20px 0 0 20px;width: 50px;height:30px;text-align: center; border-bottom-style: solid;
                        border-bottom-width: 1px;}
                        #body_c_a span{line-height: 30px;font-size: 1.2em;}
                        #body_c_b{width: 900px;height:300px;margin:30px 0 0 50px;border-right-style: solid;border-right-width: 3px;}
                        #body_c_b img{width: 150px;height: 150px;float: left;margin: 5px;}
                       
                        @-webkit-keyframes hvr-bob {
0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}
@keyframes hvr-bob {
0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-bob-float {
100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}
@keyframes hvr-bob-float {
100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}
.hvr-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
.hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
/* W3C */
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
.hvr-bubble-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
left: 0;
border-width: 10px 10px 10px 0;
border-color: transparent #bda894 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}

                </style>
        </head>
        <body>
                <div id="daqi">
                        <div id="daqi_title">
                                <div id="title_a">
                                        <span>莎士比亚</span>
                                </div>
                                <div id="title_b">
                                        <span>William Shakespeare</span>
                                </div>
                        </div>
                        <div id="daqi_body">
                                <div id="body_a">
                                        <ul>
                                                <li><a href="http://www.qqmcc.net/home.php?mod=space&uid=666" target="_blank" class="hvr-bob">首页 / Home</a></li>
                                                <li><a href="http://www.qqmcc.net/home.php?mod=space&uid=666&do=thread&view=me&from=space" target="_blank" class="hvr-bob">主题 / Sign</a></li>
                                                <li><a href="http://www.qqmcc.net/home.php?mod=space&uid=666&do=wall" target="_blank" class="hvr-bob">留言 / Message</a></li>
                                                <li><a href="http://www.qqmcc.net/home.php?mod=space&uid=666&do=album&view=me&from=space" target="_blank" class="hvr-bob">相册 / Photo</a></li>
                                                <li><a href="http://www.qqmcc.net/home.php?mod=space&uid=666&do=profile" target="_blank" class="hvr-bob">更多 / More</a></li>
                                        </ul>
                                </div>
                                <div id="body_b">
                                        <div id="body_b_img" class="hvr-float-shadow">
http://www.qqmcc.net/data/attachment/album/201703/08/094004bhebdobgy6ii0eo2.png
                                        </div>
                                        <div id="body_b_right" class="hvr-bubble-left">
                                                <span>love is a carefully disigned lie</span>
                                        </div>
                                </div>
                                <div id="clear"></div>
                                <div id="body_c">
                                        <div id="body_c_a" class="hvr-bob">
                                                <span>page1</span>
                                        </div>
                                        <div id="body_c_b">
http://www.qqmcc.net/data/attachment/album/201703/14/140002hc9pgqrcjjz00kuq.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140002vyy8yyii41vz1yq7.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140001ydvzs982sm96qz4s.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140001jzwjw66n0k5fwk5q.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140000bemz9xd338e8zp8r.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/140000g2l2few8c0l2l0kk.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135959n4776w8wur7nk5p7.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135959u2qua8cmrfmmqr8l.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135959k0pd63ppe948v2dm.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135959woq5x8wdx67gg8dt.jpg
                                        </div>
                                        <div id="body_c_a" class="hvr-bob">
                                                <span>page2</span>
                                        </div>
                                        <div id="body_c_b">
http://www.qqmcc.net/data/attachment/album/201703/14/135958jbadsgxdzr1asx1f.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135958ud6cd5h69hz75766.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135958gm9clih3voscgn3a.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135957sfmyxxf5fuwsduax.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135957kmjhmj47elkel66m.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135957gd99jjpn3dwrwme5.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135957z7y7yk6jy6n0w007.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135956j797o81kflb8wlsc.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135956xqexeo9qctp072e6.jpghttp://www.qqmcc.net/data/attachment/album/201703/14/135956l4ri3wp1rxw6ti3i.jpg
                                        </div>
                                </div>
                        </div>
                </div>
        </body>
</html>

莎士比亚 发表于 2017-3-14 14:10:23

**** Hidden Message *****

沈风 发表于 2017-3-14 14:14:35

本帖最后由 QQmcc-鹿桥 于 2017-3-14 14:32 编辑




http://www.qqmcc.net/data/attachment/album/201703/02/143924ga6aklx1hzhhhxzg.jpg




休-----后书-----来起-----薄行-----纸　-----一　-----张


痴-----你情-----说不-----的忘-----地　-----久　-----天　-----长
我
姓
张





沈风 发表于 2017-3-14 14:14:38

本帖最后由 QQmcc-鹿桥 于 2017-3-14 14:32 编辑




http://www.qqmcc.net/data/attachment/album/201703/02/143924ga6aklx1hzhhhxzg.jpg




休-----后书-----来起-----薄行-----纸　-----一　-----张


痴-----你情-----说不-----的忘-----地　-----久　-----天　-----长
我
姓
张





莎士比亚 发表于 2017-3-14 14:14:51

本帖最后由 莎士比亚 于 2017-3-14 16:23 编辑 <br /><br /><div align="center"><br></div><div align="center"><span style="font-family: 'Microsoft Yahei', Hei, Tahoma, SimHei, sans-serif; font-size: 16px; font-weight: bold; line-height: normal; text-align: start;">愿许一人以偏爱，尽此生之慷慨。</span></div><div align="center"><img src="http://www.qqmcc.net/data/attachment/album/201702/26/165843bih9swh4yhgrwth4.png" border="0"></div><div align="center"><br></div><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="1" height="1" src="//music.163.com/outchain/player?type=2&amp;id=29816871&amp;auto=1&amp;height=66"></iframe>

阿水怪噢 发表于 2017-3-14 14:17:45

占完没      

没去 发表于 2017-3-14 14:37:44

你信张很长的张      

vae 发表于 2017-3-14 14:44:49

再出现持续支持5455

linewwei 发表于 2017-3-14 15:11:36

唯❤ 搜索关注 kandian007 免@费@看@激@情@小@说
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 莎士比亚：　愿许一人以偏爱，尽此生之慷慨。<精品男头+好歌>