查看: 13585|回复: 141

开服列表页面 分类信息膜拜 列表模版

[复制链接]

5884

主题

7143

帖子

3万

积分

超级资源大佬

Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25

积分
35634
发表于 2019-5-24 00:00:00 | 显示全部楼层 |阅读模式
  1. <style type="text/css">

  2. .deangameslistss{ width:1180px;}
  3. .deangameslistss ul{ width:1200px;}
  4. .deangameslistss ul li{ width:361.33px; border:1px solid #ededed; padding:10px; position:relative; height:120px; float:left; margin:0 15px 15px 0;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
  5. .deangameslistss ul li:hover{box-shadow: 0 1px 3px 0 rgba(50,50,50,.2),0 2px 8px 0 rgba(50,50,50,.2);
  6. -webkit-transform: translateY(-2px);
  7. transform: translateY(-2px);}
  8. .deangameslistss ul li a.deangameinfos{ display:block;width:361.33px;height:120px; position:absolute; top:10px; left:10px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear; }
  9. .deangamepicds{ float:left; width:120px; height:120px; border-radius:8px; overflow:hidden;}
  10. .deangamepicds img{ width:120px; height:120px; }
  11. .deangameift{ width:230px; float:right;}
  12. .deangameift h5{ font-size:18px; color:#666;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  13. .deantuijian{ margin:5px 0;}
  14. .deantuijian span{ display:block; float:left; font-size:15px; color:#666; width:65px; height:21px; line-height:21px; margin-right:10px;}
  15. .deantjstar{height:21px; line-height:21px;background: url(./template/dean_icebag_160927/deancss/stars.png) repeat-x 0 -29px;width: 115px;float: left;}
  16. .deantjstarx{height:21px; line-height:21px;background: url(./template/dean_icebag_160927/deancss/stars.png) repeat-x;height: 28px;overflow: hidden;margin-top: -1px;}
  17. .deanitemsd{color: #999;margin: 9px 0;height: 20px;line-height: 20px;overflow: hidden; font-size:14px;}
  18. .deanitemsd span{color: #78C139;}
  19. .deanitemsd em{padding: 0 5px;color: #ddd;}
  20. .deanitemsd span.deantypegame{color: #999;}
  21. .deanpingtai{ margin-top:12px;}
  22. .deanpingtai span{ display:inline-block; margin-right:5px; padding:0 5px; font-size:12px; height:20px; line-height:20px;}
  23. .deanpingtai span.deantone{ border:1px solid #68BDFF; color:#68BDFF;}
  24. .deanpingtai span.deanttwo{ border:1px solid #FF6E71; color:#FF6E71;}
  25. .deangameslistss ul li a.deangamecoverdf{ display:block;width:383.33px;height:140px; opacity:0; background:#333; position:absolute; top:0px; left:0px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear; }
  26. .deangameslistss ul li:hover a.deangamecoverdf{ opacity:1;}
  27. .deanewm{ border:2px solid #131313; border-right:0; float:left; width:136px; height:136px; float:left; position:relative;}
  28. .deanewm img{ width:136px; height:136px;}
  29. .deanewm i{ display:block; position:absolute; top:53px; right:-9px; width:9px; height:18px; background:url(./template/dean_icebag_160927/deancss/triangle.png) center no-repeat;}
  30. .deanfront{ float:right; width:210px; height:120px; padding:10px; position:relative;}
  31. .deanfront i.deancorner{ display:block; position:absolute; top:0px; right:0px; width:20px; height:20px; background:url(./template/dean_icebag_160927/deancss/corner.png) center no-repeat;}
  32. .deanfront i.deangamepad{ display:block; position:absolute; top:30px; left:20px; width:24px; height:18px; background:url(./template/dean_icebag_160927/deancss/gamepad.png) center no-repeat;}
  33. .deanfront i.deangamestar{ display:block; position:absolute; top:40px; right:35px; width:14px; height:14px; background:url(./template/dean_icebag_160927/deancss/star.png) center no-repeat;}
  34. .deanfront h5{ font-size:14px; color:#fff; text-align:center; font-weight:normal;}
  35. .deanfront p{ font-size:18px; color:#78C139; text-align:center; font-weight:bold; margin-top:5px;}
  36. .deandetailsbtn{ width:110px; height:30px; line-height:30px; font-size:14px; color:#fff; background:#78C139 url(./template/dean_icebag_160927/deancss/enterd.png) 15px center no-repeat; border-radius:5px; margin:20px auto 0 auto; text-indent:35px;}
  37. #threadlist .bbs,.deanbbsjj,#thread_types{display:none;}
  38. .mn{ width:1180px; border:0; padding:0;}
  39. </style>


  40. <div class="deangameslistss">
  41.             <ul>
  42. [loop]
  43.                 <li>
  44.                     <a class="deangameinfos" href="{subject_url}" target="_blank">
  45.                         <div class="deangamepicds"><img src="{gameicon_value}" /></div>
  46.                     <div class="deangameift">
  47.                             <h5>{gamename_value}</h5>
  48.                         <div class="deantuijian">
  49.                                 <span>推荐指数:</span>
  50.                             <div class="deantjstar">
  51.                                     <div class="deantjstarx" style="width: {gamestars_value};"></div>
  52.                             </div>
  53.                             <div class="clear"></div>
  54.                         </div>
  55.                         <div class="deanitemsd">
  56.                                 <span>{gamecshang_value}</span><em>|</em><span class="deantypegame">{gametype_value}</span>
  57.                         </div>
  58.                         <div class="deanpingtai">
  59.                                 <span class="deantone">{gamefenlei_value}</span>
  60.                             <span class="deanttwo">{gamepingtai_value}</span>
  61.                         </div>
  62.                     </div>
  63.                     <div class="clear"></div>
  64.                 </a>
  65.                 <a class="deangamecoverdf" href="{subject_url}" target="_blank">
  66.                         <div class="deanewm"><i></i><img src="{gameewm_value}" /></div>
  67.                     <div class="deanfront">
  68.                             <i class="deancorner"></i>
  69.                         <i class="deangamepad"></i>
  70.                         <i class="deangamestar"></i>
  71.                         <h5>扫描二维码</h5>
  72.                         <p>下载游戏</p>
  73.                         <div class="deandetailsbtn">游戏详情</div>
  74.                     </div>
  75.                     <div class="clear"></div>
  76.                 </a>
  77.             </li>
  78.             [/loop]
  79.             <div class="clear"></div>
  80.         </ul>
  81.     </div>
复制代码

QQ截图20180422095958.png
回复

使用道具 举报

0

主题

914

帖子

0

积分

小有资产

Rank: 10Rank: 10Rank: 10

积分
0
发表于 2019-5-28 10:48:42 | 显示全部楼层
感谢分享
回复

使用道具 举报

0

主题

961

帖子

0

积分

小有资产

Rank: 10Rank: 10Rank: 10

积分
0
发表于 2019-5-28 10:49:53 | 显示全部楼层
学习大神分享
回复

使用道具 举报

0

主题

950

帖子

0

积分

小有资产

Rank: 10Rank: 10Rank: 10

积分
0
发表于 2019-5-28 11:34:58 | 显示全部楼层
谢谢分享
回复

使用道具 举报

0

主题

992

帖子

0

积分

小有资产

Rank: 10Rank: 10Rank: 10

积分
0
发表于 2019-5-28 11:42:31 | 显示全部楼层
好东西一定要看看!
回复

使用道具 举报

0

主题

950

帖子

0

积分

小有资产

Rank: 10Rank: 10Rank: 10

积分
0
发表于 2019-5-28 11:50:53 | 显示全部楼层
学习大神分享
回复

使用道具 举报

0

主题

932

帖子

0

积分

小有资产

Rank: 10Rank: 10Rank: 10

积分
0
发表于 2019-5-28 11:57:01 | 显示全部楼层
谢谢您的分享!
回复

使用道具 举报

0

主题

979

帖子

0

积分

小有资产

Rank: 10Rank: 10Rank: 10

积分
0
发表于 2019-5-28 12:23:16 | 显示全部楼层
这个正好我需要
回复

使用道具 举报

0

主题

972

帖子

0

积分

小有资产

Rank: 10Rank: 10Rank: 10

积分
0
发表于 2019-5-28 12:28:44 | 显示全部楼层
支持楼主感谢
回复

使用道具 举报

0

主题

945

帖子

0

积分

小有资产

Rank: 10Rank: 10Rank: 10

积分
0
发表于 2019-5-28 12:47:28 | 显示全部楼层
学习大神分享
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|手游资源 ( 蜀ICP备18005618号-1 )

GMT+8, 2024-3-29 23:31 , Processed in 0.215380 second(s), 53 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表
联系客服1
联系客服2