3/30 model
本帖最后由 算命 于 2017-3-30 10:54 编辑 <br /><br /><style type="text/css">#im{width: 950px;height:1350px;margin: 30px auto;-moz-box-shadow: 0px 1px 10px #424242;-webkit-box-shadow: 0px 1px 10px #424242;box-shadow: 0px 1px 10px #424242;border: solid 1px white;
font-family:"Poiret One","微软雅黑 Light";font-size: 14px;font-weight: 300;border: none;}
#im_a{height: 80px;overflow: hidden;background: white;}
#im_a #im_a_a {height: 40px;line-height: 40px; color: #0c1224;text-align: center;font-size: 25px;font-weight: bold;border-bottom: solid 1px whitesmoke}
#im_a #im_a_b{height:40px;overflow: hidden;}
#im_a #im_a_b ul{margin:8px 0 0 40px;height: 40px;}li{list-style: none;display: inline;font-weight: 500;font-size: 15px;padding: 2px;margin-left: 8px; }
#im_a #im_a_b ul a{text-decoration: none;color: #0c1224;}
#im_a #im_a_b ul #li_a{border-bottom: solid 1px #33ccff;}
#im_b{height: 300px;background: slategray;overflow: hidden;background:url("http://www.qqmcc.net/data/attachment/album/201703/23/184443ybucyyttyu5cnu9d.jpg");background-size:cover;}
#im_b_a{text-align: center;height: 50px;line-height: 50px;font-size: 18px;font-weight: 300;}
#im_b_a #li_b{font-size: 30px;font-weight: bold;margin: 80px 0 10px 0;}
#im_b_a ul li{display: inherit;text-align: center;line-height: 20px;}
#im_b_a ul{padding: 5px;margin: auto;}
#im_c {height: 300px;overflow: hidden;}
#im_c_left{float: left;height: 300px;}
#im_c_left{width: 400px;margin: 30px 0 0 70px ;}
#im_c_left ul li{display: inherit;margin: 5px}
#im_c_right{float: left; width: 400px;height: 300px;margin:45px 70px 0 10px;}
#im_c_right img{width: 100px;height: 100px;margin:8px;border: solid 1px slategray;}
#im_d {height: 300px;background: whitesmoke;overflow: hidden;}
#im_d #im_d_a{height: 80px;}
#im_d #im_d_a ul{ margin:30px auto;padding: 5px;text-align: center;}
#im_d #im_d_a ul li{display: inherit;}
#im_d #im_d_a #d_a_li_a{font-size: 18px;font-weight: 500;}
#im_d #im_d_d{width: inherit;height: 220px;line-height: 220px;overflow: hidden;}
#im_d #im_d_d ul{padding: 5px;text-align: center;}
#im_d #im_d_d ul li{width: 140px;height: 120px;}
#im_d #im_d_d ul li img{width: 140px;height: 120px;margin-top:15px;border: solid 1px white;}
#im_e{height: 300px;text-align: center;overflow: hidden;}
#im_e #im_e_a{float: left;width: 300px;}
#im_e #im_e_a ul{margin-top: 80px;}
#im_e #im_e_a ul li{display: inherit;text-indent: 1.2em;margin-top: 12px;}
#im_e #im_e_a ul li img{border-radius:50%;border: solid 1px slategray;width:100px;height:100px; }
#im_e #im_e_b{width: 600px;float: left;margin-top:30px;}
#im_e #im_e_b img{width:100px;height:100px;margin:5px;border: solid 1px slategray;}
#im_f{text-align: center;}
#im_f ul li{list-style: none;margin: auto}
.hvr-underline-from-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;
overflow: hidden;
}
.hvr-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #33ccff;
height: 1px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
right: 0;
}
</style>
<div id="im">
<div id="im_a">
<div id="im_a_a">
<span>HEART</span><!-- 最上面的文字,所有这种文字都可以直接修改，但别多删了代码，具体看格式 -->
</div>
<div id="im_a_b">
<ul>
<li id="li_a"><a href="http://www.qqmcc.net/home.php?mod=space&uid=1996" target="_blank"> Home</a></li>
<li class="hvr-underline-from-left"><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-left"><a href="http://www.qqmcc.net/home.php?mod=space&uid=1996&do=wall" target="_blank"> Message</a></li>
<li class="hvr-underline-from-left"><a href="http://www.qqmcc.net/home.php?mod=space&uid=1996&do=home&view=me&from=space" target="_blank"> Info</a></li>
<li class="hvr-underline-from-left"><a href="" target="_blank"> customize</a></li>
</ul><!-- href="",这里面放你想放的本论坛链接，你想放其他的看个人 -->
</div>
</div>
<div id="im_b">
<div id="im_b_a">
<ul>
<li id="li_b">MY HEART</li>
<li>Hi, baby</li>
<li>Your recent status is very bad , You always think too much</li>
<li>look me and relax , I'm yours , ok?</li>
</ul>
</div>
</div>
<div id="im_c">
<div id="im_c_left">
<ul>
<li id="left_li_a"><h3>You Can</h3></li>
<li>Be happy; you shall have your red rose. I will build it out of music by moonlight, and stain it with my own heart’s blood.</li>
<li>All that I ask of you in return is that you will be a true lover, for Love is wiser than Philosophy, though he is wise, and mightier than Power, though he is mighty. Flame-coloured are his wings, and coloured like flame is his body. His lips are sweet as homey, and his breath is like frankincense.</li>
</ul>
</div>
<div id="im_c_right">
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
</div><!-- 这里放上面的六张图 -->
</div>
<div id="im_d">
<div id="im_d_a">
<ul>
<li id="d_a_li_a">Chatting</li>
<li>She is not willing to let the little prince see himself crying.</li>
<li>She was so proud of a flower</li>
</ul>
</div>
<div id="im_d_d">
<ul>
<li>http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg</li>
<li>http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg</li>
<li>http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg</li>
<li>http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg</li>
</ul><!-- 这里放中间的四张图 -->
</div>
</div>
<div id="im_e">
<div id="im_e_a">
<ul>
<li>http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg </li><!-- 这里放左下头像 -->
<li>The road is getting wider and wider, and we are getting more and more</li>
</ul>
</div>
<div id="im_e_b">
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
http://www.qqmcc.net/data/attachment/album/201703/06/182338d99gpjj6mehjt5p0.jpeg
</div><!-- 这里放下面十张图，加头像共二十一张图 -->
</div>
<div id="im_f">
<ul>
<li id="im_f_li_a">End by MZ 3/24</li>
</ul>
</div>
</div>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=440353010&auto=1&height=66"></iframe><!-- 这里是我放的网易云生成外部链接的音乐，你也可以放，记得把这里删了然后把width=1 height=1 都改为1 -->
我真是怕了那些智商和脸皮交叉爆炸的人了。//代码有注释，使用勾选H码，不懂留言。
**** Hidden Message *****
感谢分享 3/30 model 原谅我孤陋寡闻不知你心里有人 背景的歌好听 感谢分享！ 3/30 model
噩噩噩噩噩噩噩噩噩噩噩噩噩噩噩 感谢分享