您的位置:首页 > 产品设计 > UI/UE

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

2011-01-14 09:33 381 查看
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的有关内容修改如下

<ul class="clearfix">

<li class="goodsimg"><a href="'.$goods['url'].'" target="_blank"><img src="'.$goods['goods_thumb'].'" alt="'.$goods['goods_name'].'" class="B_blue" /></a></li>

<li class="goodshistorytext">

<a href="'.$goods['url'].'" target="_blank" title="'.$goods['goods_name'].'">'.$goods['short_name'].'</a><br />'.$GLOBALS['_LANG']['shop_price'].'

<font class="f1">'.$goods['shop_price'].'</font><br />

</li>

</ul>

c.样式修改如下

/*history*/

.history_list ul{

margin-bottom:6px;*padding-bottom:6px; height:83px; width:182px; background:url(images/historybox.gif) no-repeat 0px 0px ;

}

.history_list ul li{

float:left;

}

.history_list li.goodsimg{

width:62px;

}

.goodshistorytext{ height:60px; width:114px; margin-left:6px; overflow:hidden; float:left;}

.history_list li.goodsimg img{

width:60px; height:60px; border:1px solid #ccc;

}

#clear_history{

text-align:right; height:20px;

}

#clear_history a{

cursor:pointer;

}

原帖地址 http://bbs.ecshop.com/viewthread.php?tid=127209&highlight= 如有问题请联系 ecshop 安装使用区 版主 ectianjiao
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐