关于Genuine模板浏览历史变形的解决方法(其它 模板应该同样适用)

1、先看原理

首先是通过{insert name='history'} 加载的信息在 histpry.ibl


主要样式修改要在includes/lib_insert.php
的function insert_history() 方法。

2.修改如下

a.首先说下原因:是js控制整个historybox高度;根据每个li叠加得出然而原样式没有控制li的高度而是根据内容自适应,所以出现错位。
b.修改文字内容li的样式单独控制,使整个li的高度唯一确定,则问题自然迎刃而解
修改 {insert name='history'}内容lib_insert.php的有关内容修改如下

  1. <ul class="clearfix">
  2. <li class="goodsimg"><a href="'.$goods['url'].'" target="_blank"><img src="'.$goods['goods_thumb'].'" alt="'.$goods['goods_name'].'" class="B_blue" /></a></li>
  3. <li class="goodshistorytext">
  4. <a href="'.$goods['url'].'" target="_blank" title="'.$goods['goods_name'].'">'.$goods['short_name'].'</a><br />'.$GLOBALS['_LANG']['shop_price'].'
  5. <font class="f1">'.$goods['shop_price'].'</font><br />
  6. </li>
  7. </ul>
c.样式修改如下

  1. /*history*/
  2. .history_list ul{
  3. margin-bottom:6px;*padding-bottom:6px; height:83px; width:182px;  background:url(images/historybox.gif) no-repeat 0px 0px ;
  4. }   
  5. .history_list ul li{
  6. float:left;
  7. }
  8. .history_list li.goodsimg{
  9. width:62px;
  10. }
  11. .goodshistorytext{ height:60px; width:114px; margin-left:6px;  overflow:hidden; float:left;}
  12. .history_list li.goodsimg img{
  13. width:60px; height:60px; border:1px solid #ccc;
  14. }
  15. #clear_history{
  16. text-align:right; height:20px;
  17. }
  18. #clear_history a{
  19. cursor:pointer;

原帖地址 http://bbs.ecshop.com/viewthread.php?tid=127209&highlight=  如有问题请联系 ecshop 安装使用区 版主 ectianjiao

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值