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

[复制链接]
查看: 10133|回复: 19

669

主题

1万

帖子

405

积分

超级牛逼大男神

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

积分
405
发表于 2018-4-22 09:59:47 | 显示全部楼层 |阅读模式
  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

主题

2383

帖子

0

积分

B级逗比

Rank: 2

积分
0
发表于 2018-5-18 14:38:12 | 显示全部楼层
沙发~支持楼主,支持【果子】社区,希望【www.guo.cc】果子社区越办越好.
[db:签名]
回复

使用道具 举报

0

主题

2361

帖子

0

积分

B级逗比

Rank: 2

积分
0
发表于 2018-5-19 16:18:46 | 显示全部楼层
沙发~支持楼主,支持【果子】社区,希望【www.guo.cc】果子社区越办越好.
回复

使用道具 举报

0

主题

2374

帖子

0

积分

B级逗比

Rank: 2

积分
0
发表于 2018-5-19 21:53:54 | 显示全部楼层
太棒了,感谢楼主,【www.guo.cc】果子社区是我家维护靠大家.
回复

使用道具 举报

0

主题

2376

帖子

0

积分

B级逗比

Rank: 2

积分
0
发表于 2018-5-20 12:45:10 | 显示全部楼层
太棒了,感谢楼主,【www.guo.cc】果子社区是我家维护靠大家.
回复

使用道具 举报

0

主题

2382

帖子

0

积分

B级逗比

Rank: 2

积分
0
发表于 2018-10-5 10:51:07 | 显示全部楼层
谢谢楼主分享
[db:签名]
回复

使用道具 举报

0

主题

2364

帖子

0

积分

B级逗比

Rank: 2

积分
0
发表于 2018-10-5 11:43:11 | 显示全部楼层
好东西一定要看看!
回复

使用道具 举报

0

主题

2370

帖子

0

积分

B级逗比

Rank: 2

积分
0
发表于 2018-10-5 11:45:25 | 显示全部楼层
大家都不容易!
回复

使用道具 举报

0

主题

2404

帖子

0

积分

B级逗比

Rank: 2

积分
0
发表于 2018-10-5 12:04:01 | 显示全部楼层
哈哈!楼主大人你太好笑了.【www.guo.cc】果子社区最搞笑的人莫过于你啊!
回复

使用道具 举报

0

主题

2334

帖子

0

积分

B级逗比

Rank: 2

积分
0
发表于 2018-10-5 14:42:21 | 显示全部楼层
谢谢您的分享!
回复

使用道具 举报

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

本版积分规则

精彩课程推荐

《轩辕剑3》安卓手游一键端+外网教程+apk修

2017-12-15 T-天天幻灵

《烈焰遮天》金装修复版商业开服-100级金装

2017-09-08 网游单机分享

手游烈焰遮天全功能GM工具

2017-09-08 网游单机分享

手游《天尊》完整一键端+客户端+服务端erla

2017-09-06 网游单机分享

青云志dlglogin.lua明文以及加密方法

2017-09-05 综合技术交流

淘宝端传奇手游烈焰遮天金装版网游多区版外

2017-09-08 网游单机分享

传奇世界H5 GM工具(可领首冲和累充和邮件发

2017-09-08 网游单机分享

手游《七雄争霸》手游版完整一键端+安卓端

2017-11-02 网游单机分享
官方微博
官方微信
Copyright   ©2015-2016  果子资源  Powered by©Discuz!  技术支持:迪恩网络    ( 蜀ICP备18005618号-1 )