B001 B426 B429
代码：
1.CSS
#pro {float: left;width: 100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCC;padding-bottom: 2px}
#pro ul {margin: 0px;padding: 0px;}
#pro li {float: left;width: 135px;height: 130px;margin-left:8px;border-width: 1px;border-style: solid;border-color: #CCC;display: block;margin-top: 2px}
#pro .pic {display: block;text-align: center;padding-top: 15px;padding-bottom: 5px;}
#pro .pic img {width: 120px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
#pro .title {font-weight: bolder;text-align: center;display: block;width: 135px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;margin-right: auto;margin-left: auto;}
__________________________
2.INDEX
<table width="100%" height="122" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="3%"> </td>
<td width="96%" valign="top"><DIV id=pro>
<UL>
<!-- 商品列表 -->
{if $home.Tproducts_top}
<!-- {foreach from=$home.Tproducts_top item=products} -->
<li>
<SPAN class=pic><a href="{$products.product_url}" /><img SRC="{$products.min_thumb}" WIDTH="{$min_thumb_w}" HEIGHT="90" BORDER="0" title="{$products.alt_name}" /></a></SPAN>
<SPAN class=title><a href="{$products.product_url}">{$products.alt_name|truncate:12}</a></SPAN>
</li>
<!-- {/foreach} -->
{/if}
</UL>
</DIV></td>
<td width="1%"> </td>
</tr>
</table>
__________________________
3.products
<DIV id=pro>{if $home.products}
<!-- {foreach from=$home.products item=products} -->
<UL>
<LI>
<SPAN class=pic><a href="{$products.product_url}"><img SRC="{$products.min_thumb}" WIDTH="{$min_thumb_w}" HEIGHT="90" BORDER="0"></a></SPAN>
<SPAN class=title><A HREF="{$products.product_url}">{$products.name}</A>{if $products.pcname}<A HREF="{$products.pcname_url}">[{$products.pcname}]</A>{/if}</SPAN>
</LI>
</UL>
<!-- {/foreach} -->
{/if}
{$home.showpage}</DIV>
