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

悸动， 发表于 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

本帖最后由 撰稿人 于 2026-7-21 14:50 编辑 <br /><br />&lt;style&gt;<br>#qiu {width:1000px;background: #eee;}<br>#qiuda {width:1000px;height:210px;}<br>#qiuda img {width:1000px;height:auto;}<br>#qiuz{width:800px;height:800px;margin:0 auto;}<br>#qiuz ul{padding: 20px;position: absolute; width: 760px; margin-top: -50px;background-color: #fff;;}<br>#qiuz li {height:180px;width:180px;float: left;list-style:none;margin: 5px;}<br>#qiuz li img:hover{height:180px;width:180px;background-color: #333;}<br>#qiudi {width:1000px;height:80px; background-color: #333;}<br>#qiudi ul{margin-right: 90px;padding: 30px 0;float: right;}<br>#qiudi li {float: left; color: #eee;list-style:none;}<br>.qiuwz {position: absolute; z-index: 10;margin-top: -170px;&nbsp; &nbsp; padding: 0 15px;background-color: rgba(0, 0, 0, 0.38); height: 25px;line-height: 25px;color:#eee}<br>&lt;/style&gt;<br><br>&lt;div id="qiu"&gt;<br>&lt;div id="qiuda"&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/155300cv2vs2pz28ccv2z2.jpg" border="0" alt="" style="max-width:400px">&lt;/div&gt;<br>&lt;div id="qiuz"&gt;<br>&lt;ul&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;li&gt;<img src="http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg" border="0" alt="" style="max-width:400px">&lt;div class="qiuwz"&gt;他囚她城&lt;/div&gt;&lt;/li&gt;<br>&lt;/ul&gt;<br>&lt;/div&gt;<br>&lt;div id="qiudi"&gt;<br>&lt;ul&gt;<br>&lt;li&gt;首页&lt;/li&gt;<br>&lt;li&gt;头像&lt;/li&gt;<br>&lt;li&gt;个签&lt;/li&gt;<br>&lt;li&gt;网名&lt;/li&gt;<br>&lt;li&gt;好友&lt;/li&gt;<br>&lt;li&gt;留言&lt;/li&gt;<br>&lt;li&gt;关于我&lt;/li&gt;<br>&lt;/ul&gt;<br>&lt;/div&gt;<br>&lt;/div&gt;

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

怎么H码勾选不成~

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