<div class="box">
	<div class="top"><img src="catalog/view/theme/default/image/chat.png" alt="" />线上客服</div>
	<div class="middle" style="text-align: center;">
		<iframe src="#" frameborder="0" allowtransparency="true" width="200" height="60"></iframe>
	</div>
	<div class="bottom">&nbsp;</div>
</div>
<div class="box">
	<div class="top"><img src="#" alt="" />商品目录</div>
	<div id="category" class="middle">
		<ul>
			<li>
				<a href="#">台式机</a>
			</li>
			<li>
				<a href="#">笔记本电脑</a>
			</li>
			<li>
				<a href="#">电脑配件</a>
			</li>
			<li>
				<a href="#">软件</a>
			</li>
			<li>
				<a href="#">手机及PDA</a>
			</li>
			<li>
				<a href="#">数码相机</a>
			</li>
			<li>
				<a href="#">MP3播放器</a>
			</li>
		</ul>
	</div>
	<div class="bottom">&nbsp;</div>
</div>
<div class="box">
	<div class="top"><img src="#" alt="" />品牌</div>
	<div class="middle" style="text-align: center;">
		<select onchange="location = this.value">
			<option value=""> --- 请选择 --- </option>
			<option value="http://www.bubujie.com/apple">Apple</option>
			<option value="http://www.bubujie.com/index.php?route=product/manufacturer&amp;manufacturer_id=9">Canon</option>
			<option value="http://www.bubujie.com/index.php?route=product/manufacturer&amp;manufacturer_id=7">Hewlett-Packard</option>
			<option value="http://www.bubujie.com/index.php?route=product/manufacturer&amp;manufacturer_id=5">HTC</option>
			<option value="http://www.bubujie.com/index.php?route=product/manufacturer&amp;manufacturer_id=6">Palm</option>
			<option value="http://www.bubujie.com/index.php?route=product/manufacturer&amp;manufacturer_id=10">Sony</option>
		</select>
	</div>
	<div class="bottom">&nbsp;</div>
</div>
<div class="box">
	<div class="top"><img src="#" alt="" />商店讯息</div>
	<div id="information" class="middle">
		<ul>
			<li>
				<a href="#">关于我们</a>
			</li>
			<li>
				<a href="#">隐私权政策</a>
			</li>
			<li>
				<a href="#">条款及条件</a>
			</li>
			<li>
				<a href="#">联系我们</a>
			</li>
			<li>
				<a href="#">网站导览</a>
			</li>
		</ul>
	</div>
	<div class="bottom">&nbsp;</div>
</div>
<div id="module_cart" class="box">
	<div class="top"><img src="#" alt="" />购物车</div>
	<div class="middle">
		<div style="text-align: center;">0 件</div>
	</div>
	<div class="bottom">&nbsp;</div>
</div>
<div class="box">
	<div class="top"><img src="#" alt="" />畅销商品</div>
	<div class="middle">
		<table cellpadding="2" cellspacing="0" style="width: 100%;">
			<tr>
				<td valign="top" style="width:1px"><a href="#"><img src="#" alt="Apple Cinema 30&quot;" /></a></td>
				<td valign="top"><a href="#">Apple Cinema 30&quot;</a>
					<br />
					<span style="font-size: 11px; color: #900;">£100.00</span>
					<a class="button_add_small" href="#" title="加入购物车" >&nbsp;</a>
					<br />
					<img src="#" alt="3 星级商品!" />
				</td>
			</tr>
			<tr>
				<td valign="top" style="width:1px"><a href="#"><img src="#" alt="HP LP3065" /></a></td>
				<td valign="top"><a href="#">HP LP3065</a>
					<br />
					<span style="font-size: 11px; color: #900;">£1,000.00</span>
					<a class="button_add_small" href="#" title="加入购物车" >&nbsp;</a>
					<br />
					<img src="#" alt="3 星级商品!" />
				</td>
			</tr>
			<tr>
				<td valign="top" style="width:1px"><a href="#"><img src="#" alt="HTC Touch HD" /></a></td>
				<td valign="top"><a href="#">HTC Touch HD</a>
					<br />
					<span style="font-size: 11px; color: #900;">£484.44</span>
					<a class="button_add_small" href="#" title="加入购物车" >&nbsp;</a>
				</td>
			</tr>
			<tr>
				<td valign="top" style="width:1px"><a href="#"><img src="#" alt="Nikon D300" /></a></td>
				<td valign="top"><a href="#">Nikon D300</a>
					<br />
					<span style="font-size: 11px; color: #900;">£80.00</span>
					<a class="button_add_small" href="#" title="加入购物车" >&nbsp;</a>
				</td>
			</tr>
			<tr>
				<td valign="top" style="width:1px"><a href="#"><img src="#" alt="iPhone" /></a></td>
				<td valign="top"><a href="#">iPhone</a>
					<br />
					<span style="font-size: 11px; color: #900;">£101.00</span>
					<a class="button_add_small" href="#" title="加入购物车" >&nbsp;</a>
				</td>
			</tr>
		</table>
	</div>
	<div class="bottom">&nbsp;</div>
</div>
<div class="box">
	<div class="top"><img src="#" alt="" />推荐商品</div>
	<div class="middle">
		<table cellpadding="2" cellspacing="0" style="width: 100%;">
			<tr>
				<td valign="top" style="width:1px"><a href="#"><img src="#" alt="HTC Touch HD" /></a></td>
				<td valign="top"><a href="#">HTC Touch HD</a>
					<br />
					<span style="font-size: 11px; color: #900;">£484.44</span>
					<a class="button_add_small" href="#" title="加入购物车" >&nbsp;</a>
				</td>
			</tr>
			<tr>
				<td valign="top" style="width:1px"><a href="#"><img src="#" /></a></td>
				<td valign="top"><a href="#">Apple Cinema 30&quot;</a>
					<br />
					<span style="font-size: 11px; color: #900;">£100.00</span>
					<a class="button_add_small" href="#" title="加入购物车" >&nbsp;</a>
					<br />
					<img src="#" alt="3 星级商品!" />
				</td>
			</tr>
			<tr>
				<td valign="top" style="width:1px"><a href="#"><img src="#" alt="MacBook" /></a></td>
				<td valign="top"><a href="#">MacBook</a>
					<br />
					<span style="font-size: 11px; color: #900;">£500.00</span>
					<a class="button_add_small" href="#" title="加入购物车" >&nbsp;</a>
				</td>
			</tr>
			<tr>
				<td valign="top" style="width:1px"><a href="#"><img src="#" alt="MacBook Air" /></a></td>
				<td valign="top"><a href="#">MacBook Air</a>
					<br />
					<span style="font-size: 11px; color: #900;">£1,000.00</span>
					<a class="button_add_small" href="#" title="加入购物车" >&nbsp;</a>
				</td>
			</tr>
			<tr>
				<td valign="top" style="width:1px"><a href="#"><img src="#" alt="MacBook Pro" /></a></td>
				<td valign="top"><a href="#">MacBook Pro</a>
					<br />
					<span style="font-size: 11px; color: #900;">£2,000.00</span>
					<a class="button_add_small" href="#" title="加入购物车" >&nbsp;</a>
				</td>
			</tr>
		</table>
	</div>
	<div class="bottom">&nbsp;</div>
</div>

Last edited Feb 22, 2011 at 1:02 AM by bubujie, version 1

Comments

No comments yet.