H码头像表格Ⅰ

悸动，

• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城

• 首页
• 头像
• 个签
• 网名
• 好友
• 留言
• 关于我

悸动，

• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城
• 
  他囚她城

• 首页
• 头像
• 个签
• 网名
• 好友
• 留言
• 关于我

于故

可以分享下吗、、、

悸动，

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

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

悸动，

1. 
   
2. <style>
   
3. #qiu {width:1000px;background: #eee;}
   
4. #qiuda {width:1000px;height:210px;}
   
5. #qiuda img {width:1000px;height:auto;}
   
6. #qiuz{width:800px;height:800px;margin:0 auto;}
   
7. #qiuz ul{padding: 20px;position: absolute; width: 760px; margin-top: -50px;background-color: #fff;;}
   
8. #qiuz li {height:180px;width:180px;float: left;list-style:none;margin: 5px;}
   
9. #qiuz li img:hover{height:180px;width:180px;background-color: #333;}
   
10. #qiudi {width:1000px;height:80px; background-color: #333;}
    
11. #qiudi ul{margin-right: 90px;padding: 30px 0;float: right;}
    
12. #qiudi li {float: left; color: #eee;list-style:none;}
    
13. .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}
    
14. </style>
    
15. 
    
16. <div id="qiu">
    
17. <div id="qiuda">[img]http://attachment.qqmcc.net/attachment/album/201611/29/155300cv2vs2pz28ccv2z2.jpg[/img]</div>
    
18. <div id="qiuz">
    
19. <ul>
    
20. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
21. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
22. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
23. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
24. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
25. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
26. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
27. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
28. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
29. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
30. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
31. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
32. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
33. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
34. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
35. <li>[img]http://attachment.qqmcc.net/attachment/album/201611/29/152247vx1x19kmdxdhd7th.jpg[/img]<div class="qiuwz">他囚她城</div></li>
    
36. </ul>
    
37. </div>
    
38. <div id="qiudi">
    
39. <ul>
    
40. <li>首页</li>
    
41. <li>头像</li>
    
42. <li>个签</li>
    
43. <li>网名</li>
    
44. <li>好友</li>
    
45. <li>留言</li>
    
46. <li>关于我</li>
    
47. </ul>
    
48. </div>
    
49. </div>

复制代码

悸动，

使用方法：

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

如图：





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

凉心凉城凉少年

赞

凉心凉城凉少年

<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"></div>
<div id="qiuz">
<ul>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><div class="qiuwz">他囚她城</div></li>
<li><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-裸春

怎么H码勾选不成~