头像表格2

社区服务
高级搜索
猴岛论坛社区服务新手测试求助头像表格2
发帖 回复
正序阅读 最近浏览的帖子最近浏览的版块
1个回复

[测试发帖]头像表格2

楼层直达
乔生

ZxID:59

等级: 元老

举报 只看楼主 使用道具 楼主   发表于: 2017-03-10 0
— 本帖被 乔生 从 社区服务 移动到本区(2023-07-11) —
本部分内容设定了加密,查看此帖需要威望:999999
[ 此帖被乔生在2023-07-14 00:59重新编辑 ]
 


拒绝精神内耗,有事直接发疯


 
乔生

ZxID:59

等级: 元老

举报 只看该作者 沙发   发表于: 2017-03-10 0
  1. <style>
  2. a,.img img{    text-decoration: none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
  3. #jdda{width: 100%;height: auto;background-color: #DCDCDC;padding: 80px 0; font-family: 宋体;font-size: 13px;}
  4. #jd {width: 560px;margin: 0 auto;}
  5. #jdtou {width: 100%;height: 40px;}
  6. #jdlogo{float: left;width: 150px;}
  7. #jdnav{float: right;height: auto;background-color: #fff;margin-top: 8px;}
  8. #jdnav ul{margin: 0;}
  9. #jdnav li{float: left;height: 30px;list-style: none;margin: 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
  10. #jdnav li:hover {background-color: #FF5F83;}
  11. #jdnav li a {color: #FF5F83;font-size: 13px;line-height: 30px;margin: 0 10px;letter-spacing: 1px;    text-decoration: none;}
  12. #jdnav li a:hover{color:#fff;}
  13. #jdtx {background-color: #fff;width: 520px;height:2200px;margin-top: 30px;padding: 20px;}
  14. #jdtx ul{width: 430px;margin: 0 auto;}
  15. #jdtx li {width: 200px;height: 200px;float:left;margin:5px;list-style: none;}
  16. #jdtx li img{width: 200px;height: 200px;opacity:1.0;filter:alpha(opacity=100);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
  17. #jdtx li img:hover{opacity:0.4;filter:alpha(opacity=40);}
  18. #jdtx li em { position: absolute;z-index: 99;background-color: rgba(0, 0, 0, 0.32); margin-top: 10px;  margin-left: -200px;padding: 1px 10px; letter-spacing: 2px;color: #DCDCDC;}
  19. #jdtxbt{border-left: 4px solid #FF5F83;height: 20px;line-height: 20px;padding: 0 10px;letter-spacing: 1px;margin: 0 20px 10px;color: #666;}
  20. #jdfy {}
  21. #jdfy ul{margin-top: 20px;float: left;}
  22. #jdfy li{margin: 6px;line-height: 12px;float: left;padding: 6px;height: 12px;width: 12px;background-color: #ddd;list-style: none;text-align: center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
  23. #jdfy li:hover{background-color:#FF5F83;color: #fff;}
  24. #fy1{background-color:#FF5F83!important;color:#fff; }
  25. </style>
  26. <div id="jdda">
  27. <div id="jd">
  28. <div id="jdtou" class="a-fadeinT">
  29. <div id="jdlogo" class="a-bounceinT">[img]http://attachment.qqmcc.wang/attachment/album/201701/04/182745bvffoh1lp33coyzn.png[/img]</div>
  30. <div id="jdnav">
  31. <ul>
  32. <li><a href="">首页</a></li>
  33. <li><a href="">头像</a></li>
  34. <li><a href="">个签</a></li>
  35. <li><a href="">网名</a></li>
  36. <li><a href="">好友</a></li>
  37. </ul>
  38. </div>
  39. </div>
  40. <div id="jdtx" class="a-fadeinB">
  41. <div id="jdtxbt">精选头像</div>
  42. <ul class="a-fadeinB">
  43. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  44. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  45. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  46. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  47. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  48. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  49. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  50. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  51. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  52. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  53. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  54. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  55. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  56. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  57. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  58. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  59. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  60. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  61. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  62. <li>[img]http://attachment.qqmcc.wang/attachment/album/201612/01/092728olrt2x9kra9l3t3j.png[/img]<em>推荐</em></li>
  63. </ul>
  64. <div id="jdfy">
  65. <ul>
  66. <li id="fy1">1</li>
  67. <li>2</li>
  68. <li>3</li>
  69. <li>4</li>
  70. <li>5</li>
  71. <li>》</li>
  72. </ul>
  73. </div>
  74. </div>
  75. <div style="text-align: center;line-height: 50px;letter-spacing: 1px;color: #666">Powered by nanxun</div>
  76. </div>
  77. </div>

 


拒绝精神内耗,有事直接发疯


 
« 返回列表
发帖 回复