论坛 › H码表格 › H码头像表格Ⅵ

悸动， 发表于 2016-12-3 20:12:34

H码头像表格Ⅵ

本帖最后由 他囚她城 于 2016-12-3 20:33 编辑 <br /><br />

<style type="text/css">

#mobcon{width:960px;height: 1000px;background: #ddd;margin:30px auto;padding: 30px;    text-align: center;}
#mob{width: 450px;height: 820px;background: #fff;margin:30px auto;border-radius: 40px;padding: 30px 0;border: 6px solid #fff;overflow: hidden;}
#mobioc{width: 8px;height:8px;margin: 0px auto;background: #999;border-radius: 10px;}
#mob12 {width: 100px;margin: 10px auto;}
#mob1{width: 11px;height: 11px;background: #999;border-radius: 10px;float: left;margin: -2px;}
#mob2{width: 70px;height: 8px;background: #999;margin-left: 18px;border-radius: 5px;}
#mobpin{width: 470px;height: 700px;background: #f5f5f5;margin: 30px auto 20px auto;overflow: hidden;overflow-y: scroll;}
#mobhome{width: 45px;height: 45px;border-radius: 50%;margin: 0 auto;background:#fff;border: 4px solid #D4D4D4}
#mobnav {height: 55px;background: #333;padding: 10px 20px;}
#mobtx{height: 50px;width: 50px;border-radius: 50%;border: 2px solid #fff;float: left;}
#mobtx img {height: 50px;width: 50px;border-radius: 50%;
        -webkit-border-radius: 110px;
        border-radius: 110px;
        -webkit-transition: -webkit-transform 0.5s ease-out;
        -moz-transition: -moz-transform 0.5s ease-out;
        -o-transition: -o-transform 0.5s ease-out;
        -ms-transition: -ms-transform 0.5s ease-out;}
#mobtx img:hover{
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg);}
#mobwz {float: right;margin: 20px 5px;color: #999;}
#mobwz a {color: #ddd;text-decoration:none;}
#mobwz a:hover{color: #fff;transition: color 0.35s ease 0s;}
#mobimg {}
#mobimg ul {width: 375px;margin: 20px auto;padding: 0 40px;float: left;}
#mobimg li {float: left;height: 120px;width: 120px;margin: 2px;text-align: center;list-style: none;}
#mobimg li a{text-decoration:none;color: #fff;line-height: 120px;}
#mobimg li img {height: 120px;width: 120px;opacity:1.0;filter:alpha(opacity=100);}
#mobimg li img:hover{opacity:0.6;filter:alpha(opacity=60); }
</style>
<div id="mobcon">
点击图片 查看大图
<div id="mob">
<div id="mobioc"></div>
<div id="mob12">
<div id="mob1"></div>
<div id="mob2"></div>
</div>
<div id="mobpin">
<div id="mobnav">
<div id="mobtx">http://attachment.qqmcc.net/attachment/album/201611/29/173705k73hmjzwi0bybi9c.jpg</div><!-- 左上角头像 -->
<div id="mobwz">
<a href="#">登录</a> │ <a href="#" style="color:#999;:">注册</a>
</div>
</div>
<div style="padding-top:23px;letter-spacing: 6px;text-align: center;color:#333">- 推荐头像 -</div>
<div id="mobimg">
<ul>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
</ul>
</div>
</div>

<div id="mobhome"></div>
</div>
</div>

悸动， 发表于 2016-12-3 20:36:01

本帖最后由 他囚她城 于 2016-12-3 20:39 编辑 <br /><br /><style>
.mobls{background: #00aaee!important;}
</style>

<div id="mobcon">
点击图片 查看大图
<div id="mob">
<div id="mobioc"></div>
<div id="mob12">
<div id="mob1"></div>
<div id="mob2"></div>
</div>
<div id="mobpin">
<div id="mobnav" class="mobls">
<div id="mobtx">http://attachment.qqmcc.net/attachment/album/201611/29/173705k73hmjzwi0bybi9c.jpg</div><!-- 左上角头像 -->
<div id="mobwz">
<a href="#">登录</a> │ <a href="#" style="color:#333;:">注册</a>
</div>
</div>
<div style="padding-top:23px;letter-spacing: 6px;text-align: center;color:#333">- 推荐头像 -</div>
<div id="mobimg">
<ul>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
</ul>
</div>
</div>

<div id="mobhome"></div>
</div>
</div>

悸动， 发表于 2017-1-3 18:26:17

<style>
.mobls{background: #00aaee!important;}
</style>

<div id="mobcon">
点击图片 查看大图
<div id="mob">
<div id="mobioc"></div>
<div id="mob12">
<div id="mob1"></div>
<div id="mob2"></div>
</div>
<div id="mobpin">
<div id="mobnav" class="mobls">
<div id="mobtx">http://attachment.qqmcc.net/attachment/album/201611/29/173705k73hmjzwi0bybi9c.jpg</div><!-- 左上角头像 -->
<div id="mobwz">
<a href="#">登录</a> │ <a href="#" style="color:#333;:">注册</a>
</div>
</div>
<div style="padding-top:23px;letter-spacing: 6px;text-align: center;color:#333">- 推荐头像 -</div>
<div id="mobimg">
<ul>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
<li>http://attachment.qqmcc.net/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png</li>
</ul>
</div>
</div>

<div id="mobhome"></div>
</div>
</div>

QQmcc-阿卓 发表于 2017-9-17 13:47:32

辛苦了         

查看完整版本: H码头像表格Ⅵ