<愚情未了>阿凯 - 在这个愉快的愚人节告白吧 <男头> - QQMCC论坛

Purity 发表于 2017-4-1 09:19:12

<愚情未了>阿凯- 在这个愉快的愚人节告白吧 <男头>

Purity 发表于 2017-4-1 09:19:43

本帖最后由 QQmcc-阿凯于 2017-4-1 09:46 编辑 <br /><br />             <meta charset="UTF-8">
            <style type="text/css">
#eryue{overflow:hidden;margin:30px auto 0;width:970px;height:500px}
#bg_bulr{float:left;width:100%;height:100%;background:url("http://www.qqmcc.net/data/attachment/album/201702/24/094213x000v08l9vqm82a0.jpg") no-repeat center;background-position:center;background-size:cover;background-repeat:no-repeat;-webkit-filter:blur(5px);filter:blur(5px)}
#eryue_title{position:absolute;overflow:hidden;width:970px;background:rgba(255,255,255,.3);text-align:center;-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;-webkit-animation-duration:1s}
#eryue_title ul{width:970px;height:60px}
#eryue_title li{float:left;display:inline;width:80px;list-style:none;line-height:70px}
#eryue_title li a{color:#000;text-decoration:none;font-size:15px;font-family:"微软雅黑"}
#eryue_title img{padding:5px;width:60px;height:60px;border-radius:50%;vertical-align:middle}
#li a:hover{padding:2px;border-radius:3px;background:#000;color:#fff}
#eryue_body{margin-top:50px;width:970px}

#img_a{padding:5px;width:60px;height:60px;border-radius:50%;vertical-align:middle}
#clear{clear:both}
.wrap{position:absolute;margin-top:100px;margin-left:330px;-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:rotate(45deg) translate3d(0,0,0)}
.wrap:hover{-webkit-transition:-webkit-transform .7s ease-out;-moz-transition:-moz-transform .7s ease-out;transition:transform .7s ease-out;-webkit-transform:rotate(45deg) translate3d(10px,10px,0)}
.crop{display:block;overflow:hidden;margin-top:50px;margin-left:50px;width:240px;height:240px;-webkit-transform:skew(15deg,15deg) translate3d(0,0,0)}
.crop img{position:absolute;top:-42%;left:-40%;margin-top:33px;margin-left:33px;width:240px;height:240px;opacity:.7;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;-webkit-transform:skew(-20deg,-20deg) rotate(-45deg)}
.crop img:hover{opacity:1}
#eryue_body_b{position:absolute;margin:290px auto 0 220px;width:500px;height:150px;text-align:center;font-family:"微软雅黑"}
#eryue_body_b p{line-height: 1.5em;color: whitesmoke;font-family: "微软雅黑";font-size: 18px;font-weight: 300;}
#input_a{position:absolute;margin-top:25px;margin-left:40px;padding:1px;border:solid 1px #fff;border-radius:3px;background:0 0}
#input_a:hover{background:#fff}
#button_a{position:absolute;margin-top:25px;margin-left:200px;width:50px;height:22px;border:solid 1px;border-radius:5px;background:0 0;color:#000}
#button_a:hover{background:#fff}
#eryue_b{margin:auto;width:970px;height:auto;background:#f5f5f5}
#eryue_b_a{padding-top:30px}
#eryue_b_a span{margin-left:20px;font-size:16px;font-family:"微软雅黑"}
#eryue_b_a_title{margin-left:10px;height:30px;border-width:4px;line-height:30px;border-left-style:solid;border-left-color:red}
#eryue_b_b{margin:30px auto;width:930px;text-align:center}
#eryue_b_b img{margin:3px;width:150px;height:150px;border-radius:5px;-webkit-animation-name:bounceInRight;animation-name:bounceInRight;-webkit-animation-duration:1s}
.eryu_b_a{padding-bottom:50px}
@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}

            </style>

            <div id="eryue">
                     <div id="bg_bulr"></div>
                     <div id="eryue_title">
                           <ul>
                                    <li><br></li>
                                    <li id="li"><a href="http://www.qqmcc.net/home.php?mod=space&uid=36" target="_blank">首页</a></li>
                                    <li id="li"><a href="http://www.qqmcc.net/home.php?mod=space&uid=36&do=home&view=me&from=space" target="_blank">动态</a></li>
                                    <li id="li"><a href="http://www.qqmcc.net/home.php?mod=space&uid=36&do=blog&view=me&from=space" target="_blank">日志</a></li>
                                    <li id="li"><a href="http://www.qqmcc.net/home.php?mod=space&uid=36&do=wall" target="_blank">留言</a></li>
                                    <li id="li"><a>定制</a></li>
                                    <li><input id="input_a"><button id="button_a">搜搜</button></li>

                           </ul>
                           </div>
                           <div id="eryue_body">
                                    <div class="wrap">
                                 <div class="crop">
                                    <img src="http://www.qqmcc.net/data/attachment/album/201702/24/094213x000v08l9vqm82a0.jpg" border="0" alt="" style="max-width:400px">
                                 </div>
                                    </div>
                                    <div id="eryue_body_b">
                                             <p>我不知道</p>
                                             <p>来时的路，褪了多少光泽</p>
                                             <p>也不知道</p>
                                             <p>前面的路，惹了多少风雪</p>
                                    </div>
                           </div>
            </div>
            <div id="eryue_b">
                     <div id="eryue_b_a">
                           <div id="eryue_b_a_title">
                                    <span>精选头像</span>
                           </div>
                     </div>
                     <div id="eryue_b_b">
http://www.qqmcc.net/data/attachment/album/201704/01/093533n10j380v1v7e6jj0.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093533q0c7c9msyc6i6ych.jpghttp://www.qqmcc.net/data/attachment/album/201704/01/093532pw0x3ugkgknkcw07.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093530d914qtrsr9790970.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093530hn89bn1dyye1n1ye.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093531dlyjctqhy9sc9b9q.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093531rko3pggho39bqx3z.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093529r719ubcyrnc93fz3.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093529p66dbf1nrgatb1ov.png
http://www.qqmcc.net/data/attachment/album/201704/01/094617nfj2etc4f2j3szfp.jpg

                     </div>
                     <div id="eryue_b_a">
                           <div id="eryue_b_a_title">
                                    <span>精选头像</span>
                           </div>
                     </div>
                     <div id="eryue_b_b" class="eryu_b_a">
http://www.qqmcc.net/data/attachment/album/201704/01/093528rfkmkp4mm06poot0.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093528na533c1a73y1ce1a.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093526zj171z1rxsp0xumm.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093526v00k37zs77ei66fp.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093527z31vxe3stsh3ukou.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093527kvtrwt8yz8na12dw.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093525ij46dtuus68g8blj.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093525in1ax5uzuexe5nua.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093524cps0xm8rx2o8wxox.pnghttp://www.qqmcc.net/data/attachment/album/201704/01/093524bixw9y8zjn4sony8.png

                     </div>
            </div>

Purity 发表于 2017-4-1 09:19:53

本帖最后由 QQmcc-阿凯于 2017-4-1 09:42 编辑 <br /><br /> **** Hidden Message *****

Purity 发表于 2017-4-1 09:19:56

本帖最后由 QQmcc-阿凯于 2017-4-1 09:42 编辑 <br /><br /><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=442493685&auto=1&height=66"></iframe>

QQmcc-玫瑰 发表于 2017-4-1 09:45:35

愚人节快乐

張忽忽 发表于 2017-4-1 09:51:08

在这个愉快的愚人节告白吧

沈风发表于 2017-4-1 09:59:21

占坑不编辑

zxr520 发表于 2017-4-1 10:11:47

好，不错，加油

1511343537 发表于 2017-4-1 11:58:30

sad撒多撒多撒多撒

没去发表于 2017-4-1 12:01:17

起飞

页: [1] 2 3 4 5 6 7 8 9 10

QQMCC论坛's Archiver

<愚情未了>阿凯- 在这个愉快的愚人节告白吧 <男头>