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

4
回复
10620
查看
[复制链接]

微信扫一扫 分享朋友圈

  • TA的每日心情
    擦汗
    2018-6-28 08:10
  • 签到天数: 2 天

    [LV.1]初来乍到

    1485

    主题

    2万

    帖子

    2万

    积分

    管理员

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

    积分
    21307
    九七币
    15066
    发表于 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>
    复制代码

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

    使用道具 举报

    该用户从未签到

    3

    主题

    3673

    帖子

    -273

    积分

    平民

    积分
    -273
    九七币
    0
    发表于 2018-5-18 14:38:12 | 显示全部楼层
    沙发~支持楼主,支持【97玩】社区,希望【www.97w.net】97玩社区越办越好.
    回复

    使用道具 举报

    该用户从未签到

    1

    主题

    3608

    帖子

    -327

    积分

    平民

    积分
    -327
    九七币
    0
    发表于 2018-5-19 16:18:46 | 显示全部楼层
    沙发~支持楼主,支持【97玩】社区,希望【www.97w.net】97玩社区越办越好.
    回复

    使用道具 举报

    该用户从未签到

    4

    主题

    3729

    帖子

    -321

    积分

    平民

    积分
    -321
    九七币
    0
    发表于 2018-5-19 21:53:54 | 显示全部楼层
    太棒了,感谢楼主,【www.97w.net】97玩社区是我家维护靠大家.
    回复

    使用道具 举报

    该用户从未签到

    4

    主题

    3854

    帖子

    -282

    积分

    平民

    积分
    -282
    九七币
    0
    发表于 2018-5-20 12:45:10 | 显示全部楼层
    太棒了,感谢楼主,【www.97w.net】97玩社区是我家维护靠大家.
    回复

    使用道具 举报

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

    本版积分规则

    400-911-6609

    周一至周五 9:30-18:00

    上海市宝山区景园北街2号02号

    • 关注微信账号

    • 关注微博账号