合元网络

标题: 图片列表：第一张图片比较大(四个格)，其他正常(标题浮动图片上) [打印本页]
作者: admin    时间: 2018-4-7
标题: 图片列表：第一张图片比较大(四个格)，其他正常(标题浮动图片上)
  1. <div class="module cl ml">
  2. <ul>
  3. [index=1]
  4. <li style="margin: 0px 0px 0px 0px; position:relative;width:350px;height:310px; ">
  5. <a href="{url}"{target}><img src="{pic}" width="350px" height="290px" alt="{title}" /></a>
  6. <div style="position:absolute; width:100%; margin: 0px ; height:30px;z-indent:2;right:0px;bottom:0px;">
  7.   <div><img src="static/image/common/alpha40.png" width="100%" height="30"></div>
  8. </div>
  9. <p style="position:absolute;z-indent:2; left:50;bottom:10px;"><a href="{url}" title="{title}"{target}><font color="#FFFFFF">{title}</font></a></p>
  10. </li>
  11. [/index]

  13. [loop]
  14. <li style="margin: 0px 0px 12px 12px; position:relative;width:200px;height:150px; ">
  15. <a href="{url}"{target}><img src="{pic}" width="200px" height="150px" alt="{title}" /></a>
  16. <div style="position:absolute; width:100%; margin: 0px ; height:30px;z-indent:2;right:0px;bottom:0px;">
  17.   <div><img src="static/image/common/alpha40.png" width="100%" height="30"></div>
  18. </div>
  19. <p style="position:absolute;z-indent:2; left:0;bottom:10px;"><a href="{url}" title="{title}"{target}><font color="#FFFFFF">{title}</font></a></p>
  20. </li>
  21. [/loop]
  22. </ul>
  23. </div>
复制代码






欢迎光临 合元网络 (http://heyuan18.com/) Powered by Discuz! X3.2