悸动， 发表于 2016-11-29 15:24:45

H码头像表格Ⅰ

本帖最后由 他囚她城 于 2016-11-29 18:09 编辑 <br /><br /><style>
#qiu {width:1000px;background: #eee;}
#qiuda {width:1000px;height:210px;}
#qiuda img {width:1000px;height:auto;}
#qiuz{width:800px;height:800px;margin:0 auto;}
#qiuz ul{padding: 20px;position: absolute; width: 760px; margin-top: -50px;background-color: #fff;;}
#qiuz li {height:180px;width:180px;float: left;list-style:none;margin: 5px;}
#qiuz li img:hover{height:180px;width:180px;background-color: #333;}
#qiudi {width:1000px;height:80px; background-color: #333;}
#qiudi ul{margin-right: 90px;padding: 30px 0;float: right;}
#qiudi li {float: left; color: #eee;list-style:none;}
.qiuwz {position: absolute; z-index: 10;margin-top: -170px;    padding: 0 15px;background-color: rgba(0, 0, 0, 0.38); height: 25px;line-height: 25px;color:#eee}
</style>

<div id="qiu">
<div id="qiuda">http://attachment.qqmcc.net/attachment/album/201611/29/155300cv2vs2pz28ccv2z2.jpg</div>
<div id="qiuz">
<ul>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
</ul>
</div>
<div id="qiudi">
<ul>
<li>首页</li>
<li>头像</li>
<li>个签</li>
<li>网名</li>
<li>好友</li>
<li>留言</li>
<li>关于我</li>
</ul>
</div>
</div>

悸动， 发表于 2016-11-29 16:49:12

本帖最后由 他囚她城 于 2016-11-29 17:04 编辑 <br /><br /><div id="qiu">
<div id="qiuda">http://attachment.qqmcc.net/attachment/album/201611/29/165011ih5rig8lh0jyi2hv.jpg</div>
<div id="qiuz">
<ul>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
</ul>
</div>
<div id="qiudi">
<ul>
<li>首页</li>
<li>头像</li>
<li>个签</li>
<li>网名</li>
<li>好友</li>
<li>留言</li>
<li>关于我</li>
</ul>
</div>
</div>

于故 发表于 2016-11-29 18:11:48

可以分享下吗、、、

悸动， 发表于 2016-11-29 23:46:25

南巷一澈 发表于 2016-11-29 18:11
可以分享下吗、、、

好的，我明天把代码贴上来。

悸动， 发表于 2016-11-30 13:34:33


<style>
#qiu {width:1000px;background: #eee;}
#qiuda {width:1000px;height:210px;}
#qiuda img {width:1000px;height:auto;}
#qiuz{width:800px;height:800px;margin:0 auto;}
#qiuz ul{padding: 20px;position: absolute; width: 760px; margin-top: -50px;background-color: #fff;;}
#qiuz li {height:180px;width:180px;float: left;list-style:none;margin: 5px;}
#qiuz li img:hover{height:180px;width:180px;background-color: #333;}
#qiudi {width:1000px;height:80px; background-color: #333;}
#qiudi ul{margin-right: 90px;padding: 30px 0;float: right;}
#qiudi li {float: left; color: #eee;list-style:none;}
.qiuwz {position: absolute; z-index: 10;margin-top: -170px;    padding: 0 15px;background-color: rgba(0, 0, 0, 0.38); height: 25px;line-height: 25px;color:#eee}
</style>

<div id="qiu">
<div id="qiuda">http://attachment.qqmcc.net/attachment/album/201611/29/155300cv2vs2pz28ccv2z2.jpg</div>
<div id="qiuz">
<ul>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
</ul>
</div>
<div id="qiudi">
<ul>
<li>首页</li>
<li>头像</li>
<li>个签</li>
<li>网名</li>
<li>好友</li>
<li>留言</li>
<li>关于我</li>
</ul>
</div>
</div>

悸动， 发表于 2016-11-30 13:38:15

使用方法：

发帖前，勾选上 HTML代码 和 纯文本。

如图：





然后复制代码，换图片就行。

凉心凉城凉少年 发表于 2016-12-3 00:54:18

本帖最后由 QQmcc-北栀 于 2016-12-3 00:55 编辑

赞

凉心凉城凉少年 发表于 2016-12-3 00:58:01


<style>
#qiu {width:1000px;background: #eee;}
#qiuda {width:1000px;height:210px;}
#qiuda img {width:1000px;height:auto;}
#qiuz{width:800px;height:800px;margin:0 auto;}
#qiuz ul{padding: 20px;position: absolute; width: 760px; margin-top: -50px;background-color: #fff;;}
#qiuz li {height:180px;width:180px;float: left;list-style:none;margin: 5px;}
#qiuz li img:hover{height:180px;width:180px;background-color: #333;}
#qiudi {width:1000px;height:80px; background-color: #333;}
#qiudi ul{margin-right: 90px;padding: 30px 0;float: right;}
#qiudi li {float: left; color: #eee;list-style:none;}
.qiuwz {position: absolute; z-index: 10;margin-top: -170px;    padding: 0 15px;background-color: rgba(0, 0, 0, 0.38); height: 25px;line-height: 25px;color:#eee}
</style>

<div id="qiu">
<div id="qiuda">http://attachment.qqmcc.net/attachment/album/201611/29/155300cv2vs2pz28ccv2z2.jpg</div>
<div id="qiuz">
<ul>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
<li>http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg<div class="qiuwz">他囚她城</div></li>
</ul>
</div>
<div id="qiudi">
<ul>
<li>首页</li>
<li>头像</li>
<li>个签</li>
<li>网名</li>
<li>好友</li>
<li>留言</li>
<li>关于我</li>
</ul>
</div>
</div>

QQmcc-裸春 发表于 2017-3-25 12:40:50

怎么H码勾选不成~
页: [1]
查看完整版本: H码头像表格Ⅰ