当前位置:首页 » 基础版免费模板 » 正文

2018黑色系列淘宝女装基础版店铺装修免费模板自带轮播图代码模板

1453 人参与  2019年06月17日 19:27  分类 : 基础版免费模板  评论

站长推荐:淘宝一键安装模板,永久使用,20分钟搞定装修 点击查看

模板介绍:黑色系列淘宝女装基础版店铺装修免费模板自带轮播图代码模板

模板风格:黑色

适用行业:女装类目!

适合旺铺:淘宝旺铺基础版

基础版旺铺具体设置方法请看:基础背景图设置教程

专业版旺铺具体设置方法请看:专业版背景图设置教程

模板首页效果图:

16.jpg

以下是代码部分:PS:代码分4部分,一个是店招(图片直接插入就好了),还有导航条代码  另外是右边代码  和左边代码,直接复制然后在代码模式下操作,就可以了。

非常简单的,不懂的可以进群交流,网页下方有进群方式,谢谢合作!

店招图片:先点图片右键保存在本地,然后在上传到图片空间,最后插入店招里就好

店招.gif

导航条黑色代码:把以下代码放进导航显示里面就好了

 .skin-box-bd, .skin-box-bd .menu-list, .all-cats, .skin-box-bd .all-cats .title, .skin-box-bd .menu-list .menu .title, .skin-box-bd .all-cats .link, .skin-box-bd .menu-list .menu .link{height:40px;line-height:40px;}
 .skin-box-bd .menu-list .menu{border-right:1px solid #333333;}
 .skin-box-bd .menu-list .menu:hover .link, .skin-box-bd .menu-list .menu-hover .link{background:#6EA60D;}
 .skin-box-bd .menu-list .menu .link .title{color:#ffffff;}
 .skin-box-bd .menu-list .menu:hover .link .title, .skin-box-bd .menu-list .menu-hover .link .title{color:#ffffff;}
 .skin-box-bd .all-cats .link .title, .skin-box-bd .menu-list .menu .link .title{font-size:12px;}
 .skin-box-bd .all-cats .link .title, .skin-box-bd .menu-list .menu .link .title, .skin-box-bd .popup-content .menu-popup-cats .sub-cat a, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .snd-cat-name{font-family:arial;}
 .skin-box-bd .all-cats .link .popup-icon, .skin-box-bd .menu-list .menu .link .popup-icon{display:on;}
 .skin-box-bd .all-cats .link .popup-icon, .skin-box-bd .menu-list .menu .link .popup-icon{margin-top:14px;}
 .skin-box-bd .menu-list .menu .link{padding:0 20px;}
 .skin-box-bd .all-cats .link{width:170px;}
 .skin-box-bd .all-cats:hover .link, .skin-box-bd .all-cats-hover .link{background:#6EA60D;}
 .skin-box-bd .all-cats .link .title{color:#ffffff;}
 .skin-box-bd .all-cats:hover .title, .skin-box-bd .all-cats-hover .title{color:#ffffff;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover{background:#7AB80E;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover .cat-hd .fst-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover .cat-hd .fst-cat-name{color:#ffffff;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .fst-cat{border-color:#E1E1E1;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover .cat-hd .fst-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .cat-hd-hover{border-color:#7AB80E;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name{font-size:12px;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd:hover, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd-hover{background:#6EA60D;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd a.snd-cat-name{color:#ffffff;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd:hover a.snd-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd-hover a.snd-cat-name{color:#ffffff;}
 .skin-box-bd .popup-content .cats-tree .snd-cat-name{font-size:12px;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover{background:#7AB80E;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover a, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover a{color:#ffffff;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat{border-color:#E1E1E1;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover{border-color:#7AB80E;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat a{font-size:12px;}
 .skin-box-bd, .skin-box-bd .menu-list{background:#141212;}
 .skin-box-bd .menu-list .menu .link{background:#141212;}
 .skin-box-bd .all-cats .link{background:#141212;}
 .skin-box-bd .all-cats-popup, .skin-box-bd .popup-content .cats-tree .fst-cat{background:#141212;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner{background:#141212;}
 .skin-box-bd .popup-content .menu-popup-cats{background:#141212;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat a{color:#ebefe4;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name{color:#ebefe4;}

边代码:先自定义750,然后在复制代码进去,注意要在代码模式下操作喔!可先在线运行查看效果!

<div class="custom-area">
	<div class="lzj">
		<div style="width:750px;float:left;height:400px;overflow:hidden;" class="slider-promo J_TWidget" data-widget-config="{&quot;activeTriggerCls&quot;:&quot;current&quot;,&quot;effect&quot;:&quot;fade&quot;,&quot;navCls&quot;:&quot;lst-trigger&quot;,&quot;contentCls&quot;:&quot;lst-main&quot;}" data-widget-type="Slide" align="left">
			<ul class="lst-main">
				<li>
					<div align="center">
						<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第1张大图要链接的宝贝地址&quot;}]"><img src="//gdp.alicdn.com/imgextra/i3/T2popTXnVbXXXXXXXX-712306726.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第1张大图(尺寸750x400) 空间地址)&quot;}]" border="0" height="400" width="750" /></a>
					</div>
				</li>
				<li>
					<div align="center">
						<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第2张大图要链接的宝贝地址&quot;}]"><img alt="" src="//gdp.alicdn.com/imgextra/i2/T23.lTXXXcXXXXXXXX-712306726.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第2张大图 空间地址)&quot;}]" height="400" width="750" /></a>
					</div>
				</li>
				<li>
					<div align="center">
						<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第3张大图要链接的宝贝地址&quot;}]"><img src="//gdp.alicdn.com/imgextra/i3/T2popTXnVbXXXXXXXX-712306726.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第3张大图 空间地址)&quot;}]" border="0" height="400" width="750" /></a>
					</div>
				</li>
				<li>
					<div align="center">
						<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第4张大图要链接的宝贝地址&quot;}]"><img alt="" src="//gdp.alicdn.com/imgextra/i2/T23.lTXXXcXXXXXXXX-712306726.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第4张大图 空间地址)&quot;}]" height="400" width="750" /></a>
					</div>
				</li>
				<li>
					<div align="center">
						<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第5张大图要链接的宝贝地址&quot;}]"><img src="//gdp.alicdn.com/imgextra/i3/T2popTXnVbXXXXXXXX-712306726.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第5张大图 空间地址)&quot;}]" border="0" height="400" width="750" /></a>
						<ul class="lst-trigger">
						</ul>
					</div>
				</li>
			</ul>
		</div>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<table border="0" cellpadding="0" cellspacing="0" height="534" width="750">
			<tbody>
				<tr>
					<td colspan="4">
						<img alt="" src="//gdp.alicdn.com/imgextra/i2/T2C.pTXnXbXXXXXXXX-712306726.jpg" height="82" width="750" />
					</td>
				</tr>
				<tr>
					<td rowspan="4">
						<img alt="" src="//gdp.alicdn.com/imgextra/i4/T2uUpTXnFbXXXXXXXX-712306726.gif" height="451" width="223" />
					</td>
					<td colspan="2" background="//gdp.alicdn.com/imgextra/i3/T2lEpTXn8bXXXXXXXX-712306726.gif" height="179" width="283">
						<font color="#ffffff"> <marquee direction="up" scrollamount="1" scrolldelay="40" height="171" style="height: 171px;">双击在这里输入公告内容,文字事先在记事本上写好,不要复制其它地方的文字,系统不支持,,文字是向上滚动的,不要删除或拉动这个框哦~~</marquee></font>
					</td>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2WUlTXXtcXXXXXXXX-712306726.gif" height="179" width="244" />
					</td>
				</tr>
				<tr>
					<td colspan="3">
						<img alt="" src="//gdp.alicdn.com/imgextra/i2/T2HopTXmVbXXXXXXXX-712306726.gif" height="42" width="527" />
					</td>
				</tr>
				<tr>
					<td>
						<font color="#ffffff"><img alt="" src="//gdp.alicdn.com/imgextra/i4/T22olTXXdcXXXXXXXX-712306726.gif" height="53" width="33" /></font>
					</td>
					<td colspan="2" background="//gdp.alicdn.com/imgextra/i2/T2O.lTXX4cXXXXXXXX-712306726.gif" height="53" width="494">
						<font color="#ffffff">这里写联系方式&nbsp; QQ:88888888 手机:8888888888</font>
					</td>
				</tr>
				<tr>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i4/T2KUpTXmFbXXXXXXXX-712306726.jpg" height="177" width="33" />
					</td>
					<td colspan="2" bgcolor="#000000" height="177" width="494">
						<font color="#ffffff"> <marquee behavior="alternate" scrollamount="2" scrolldelay="40" height="165" width="494" style="height: 165px; width: 494px;"><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第1张链接地址&quot;}]">&nbsp;<img style="width:160px;height:160px;" alt="" src="//gdp.alicdn.com/imgextra/i3/T23ex6XchbXXXXXXXX-712306726.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第1张图(160x160大小)空间图片地址)&quot;}]" /></a><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第2张链接地址&quot;}]"><img style="width:160px;height:160px;" alt="" src="//gdp.alicdn.com/imgextra/i3/T2jKB6XbxbXXXXXXXX-712306726.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第2张空间图片地址)&quot;}]" /></a><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第3张链接地址&quot;}]"><img style="width:160px;height:160px;" alt="" src="//gdp.alicdn.com/imgextra/i3/T2seB6Xa8bXXXXXXXX-712306726.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第3张空间图片地址)&quot;}]" /></a><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第4张链接地址&quot;}]"><img style="width:160px;height:160px;" alt="" src="//gdp.alicdn.com/imgextra/i1/T25ex6XcXbXXXXXXXX-712306726.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第4张空间图片地址)&quot;}]" /></a><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第5张链接地址&quot;}]"><img src="//gdp.alicdn.com/imgextra/i2/T2vKB6XaVbXXXXXXXX-712306726.gif" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第5张空间图片地址)&quot;}]" height="160" width="160" /></a></marquee></font>
					</td>
				</tr>
				<tr>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2T.lTXXBcXXXXXXXX-712306726.jpg" height="1" width="223" />
					</td>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2T.lTXXBcXXXXXXXX-712306726.jpg" height="1" width="33" />
					</td>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2T.lTXXBcXXXXXXXX-712306726.jpg" height="1" width="250" />
					</td>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2T.lTXXBcXXXXXXXX-712306726.jpg" height="1" width="244" />
					</td>
				</tr>
			</tbody>
		</table>
		<table border="0" cellpadding="0" cellspacing="0" height="606" width="751">
			<tbody>
				<tr>
					<td colspan="4">
						<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2SElTXXJcXXXXXXXX-712306726.gif" height="91" width="750" />
					</td>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2T.lTXXBcXXXXXXXX-712306726.jpg" height="91" width="1" />
					</td>
				</tr>
				<tr>
					<td align="center" background="//gdp.alicdn.com/imgextra/i1/T2gUpTXopbXXXXXXXX-712306726.gif" height="179" width="189">
						<a style="color:#D6605F;text-decoration:none;" href="//item.taobao.com/item.htm?id=10554197117&amp;scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/imgextra/i3/T2jKB6XbxbXXXXXXXX-712306726.gif" height="160" width="160" /></a>
					</td>
					<td align="center" background="//gdp.alicdn.com/imgextra/i1/T2Z.lTXXpcXXXXXXXX-712306726.gif" height="179" width="177">
						<a style="color:#D6605F;text-decoration:none;" href="//item.taobao.com/item.htm?id=10554197117&amp;scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/imgextra/i4/T2b1d6XcBbXXXXXXXX-712306726.gif" height="160" width="160" /></a>
					</td>
					<td align="center" background="//gdp.alicdn.com/imgextra/i2/T2K.XTXntbXXXXXXXX-712306726.gif" height="179" width="191">
						<a style="color:#D6605F;text-decoration:none;" href="//item.taobao.com/item.htm?id=10554197117&amp;scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/imgextra/i1/T25ex6XcXbXXXXXXXX-712306726.gif" height="160" width="160" /></a>
					</td>
					<td rowspan="4">
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2QElTXXVcXXXXXXXX-712306726.gif" height="418" width="193" />
					</td>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2T.lTXXBcXXXXXXXX-712306726.jpg" height="179" width="1" />
					</td>
				</tr>
				<tr>
					<td align="center" background="//gdp.alicdn.com/imgextra/i3/T2VolTXXBcXXXXXXXX-712306726.jpg" height="62" width="189">
						<table border="0" cellpadding="0" cellspacing="0" height="62" width="172">
							<tbody>
								<tr>
									<td colspan="2" align="left" height="42" valign="top" width="190">
										<font color="#beb289">商品名称不要回车 自动串行,控制在二行内&nbsp; </font>
									</td>
								</tr>
								<tr>
									<td align="left" height="20" valign="top" width="30">
										<font color="#a756c4"><img src="//gdp.alicdn.com/imgextra/i1/T21ux6XclbXXXXXXXX-712306726.gif" height="13" width="42" /></font>
									</td>
									<td align="left" height="20" valign="top" width="80">
										<strong><font style="color:#E2C779;font-size:12pt;">88.00元</font></strong>
									</td>
								</tr>
							</tbody>
						</table>
					</td>
					<td align="center" background="//gdp.alicdn.com/imgextra/i3/T2sopTXnNbXXXXXXXX-712306726.jpg" height="62" width="177">
						<table border="0" cellpadding="0" cellspacing="0" height="62" width="172">
							<tbody>
								<tr>
									<td colspan="2" align="left" height="42" valign="top" width="190">
										<font color="#beb289">商品名称不要回车 自动串行,控制在二行内&nbsp; </font>
									</td>
								</tr>
								<tr>
									<td align="left" height="20" valign="top" width="30">
										<font color="#a756c4"><img src="//gdp.alicdn.com/imgextra/i1/T21ux6XclbXXXXXXXX-712306726.gif" height="13" width="42" /></font>
									</td>
									<td align="left" height="20" valign="top" width="80">
										<strong><font style="color:#E2C779;font-size:12pt;">88.00元</font></strong>
									</td>
								</tr>
							</tbody>
						</table>
					</td>
					<td align="center" background="//gdp.alicdn.com/imgextra/i1/T20UlTXXlcXXXXXXXX-712306726.jpg" height="62" width="191">
						<table border="0" cellpadding="0" cellspacing="0" height="62" width="172">
							<tbody>
								<tr>
									<td colspan="2" align="left" height="42" valign="top" width="190">
										<font color="#beb289">商品名称不要回车 自动串行,控制在二行内&nbsp; </font>
									</td>
								</tr>
								<tr>
									<td align="left" height="20" valign="top" width="30">
										<font color="#a756c4"><img src="//gdp.alicdn.com/imgextra/i1/T21ux6XclbXXXXXXXX-712306726.gif" height="13" width="42" /></font>
									</td>
									<td align="left" height="20" valign="top" width="80">
										<strong><font style="color:#E2C779;font-size:12pt;">88.00元</font></strong>
									</td>
								</tr>
							</tbody>
						</table>
					</td>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2T.lTXXBcXXXXXXXX-712306726.jpg" height="62" width="1" />
					</td>
				</tr>
				<tr>
					<td colspan="3">
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2JopTXmJbXXXXXXXX-712306726.jpg" height="28" width="557" />
					</td>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2T.lTXXBcXXXXXXXX-712306726.jpg" height="28" width="1" />
					</td>
				</tr>
				<tr>
					<td rowspan="2" align="center" background="//gdp.alicdn.com/imgextra/i1/T2bopTXoBbXXXXXXXX-712306726.jpg" height="177" width="189">
						<a style="color:#D6605F;text-decoration:none;" href="//item.taobao.com/item.htm?id=10554197117&amp;scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/imgextra/i2/T2vKB6XaVbXXXXXXXX-712306726.gif" height="160" width="160" /></a>
					</td>
					<td rowspan="2" align="center" background="//gdp.alicdn.com/imgextra/i3/T2hUpTXolbXXXXXXXX-712306726.jpg" height="177" width="177">
						<a style="color:#D6605F;text-decoration:none;" href="//item.taobao.com/item.htm?id=10554197117&amp;scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/imgextra/i4/T2_Kx6XbVbXXXXXXXX-712306726.gif" height="160" width="160" /></a>
					</td>
					<td rowspan="2" align="center" background="//gdp.alicdn.com/imgextra/i4/T21ElTXXhcXXXXXXXX-712306726.jpg" height="177" width="191">
						<a style="color:#A69153;text-decoration:none;" href="//item.taobao.com/item.htm?id=10554578789&amp;scene=taobao_shop" target="_blank"><img class="tbImg" src="//gdp.alicdn.com/imgextra/i3/T23ex6XchbXXXXXXXX-712306726.gif" height="160" width="160" /></a>
					</td>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2T.lTXXBcXXXXXXXX-712306726.jpg" height="149" width="1" />
					</td>
				</tr>
				<tr>
					<td rowspan="2">
						<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2BUpTXnlbXXXXXXXX-712306726.gif" height="97" width="193" />
					</td>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2T.lTXXBcXXXXXXXX-712306726.jpg" height="28" width="1" />
					</td>
				</tr>
				<tr>
					<td align="center" background="//gdp.alicdn.com/imgextra/i4/T2E.pTXm4bXXXXXXXX-712306726.jpg" height="69" width="189">
						<table border="0" cellpadding="0" cellspacing="0" height="65" width="172">
							<tbody>
								<tr>
									<td colspan="2" align="left" height="45" valign="top" width="190">
										<font color="#beb289">商品名称不要回车 自动串行,控制在二行内&nbsp; </font>
									</td>
								</tr>
								<tr>
									<td align="left" height="20" valign="top" width="30">
										<font color="#a756c4"><img src="//gdp.alicdn.com/imgextra/i1/T21ux6XclbXXXXXXXX-712306726.gif" height="13" width="42" /></font>
									</td>
									<td align="left" height="20" valign="top" width="80">
										<strong><font style="color:#E2C779;font-size:12pt;">98.00元</font></strong>
									</td>
								</tr>
							</tbody>
						</table>
					</td>
					<td align="center" background="//gdp.alicdn.com/imgextra/i3/T2jopTXodbXXXXXXXX-712306726.jpg" height="69" width="177">
						<table border="0" cellpadding="0" cellspacing="0" height="65" width="172">
							<tbody>
								<tr>
									<td colspan="2" align="left" height="45" valign="top" width="190">
										<font color="#beb289">商品名称不要回车 自动串行,控制在二行内&nbsp; </font>
									</td>
								</tr>
								<tr>
									<td align="left" height="20" valign="top" width="30">
										<font color="#a756c4"><img src="//gdp.alicdn.com/imgextra/i1/T21ux6XclbXXXXXXXX-712306726.gif" height="13" width="42" /></font>
									</td>
									<td align="left" height="20" valign="top" width="80">
										<strong><font style="color:#E2C779;font-size:12pt;">98.00元</font></strong>
									</td>
								</tr>
							</tbody>
						</table>
					</td>
					<td align="center" background="//gdp.alicdn.com/imgextra/i2/T2SUlTXotbXXXXXXXX-712306726.jpg" height="69" width="191">
						<table border="0" cellpadding="0" cellspacing="0" height="65" width="172">
							<tbody>
								<tr>
									<td colspan="2" align="left" height="45" valign="top" width="190">
										<font color="#beb289">商品名称不要回车 自动串行,控制在二行内&nbsp; </font>
									</td>
								</tr>
								<tr>
									<td align="left" height="20" valign="top" width="30">
										<font color="#a756c4"><img src="//gdp.alicdn.com/imgextra/i1/T21ux6XclbXXXXXXXX-712306726.gif" height="13" width="42" /></font>
									</td>
									<td align="left" height="20" valign="top" width="80">
										<strong><font style="color:#E2C779;font-size:12pt;">98.00元</font></strong>
									</td>
								</tr>
							</tbody>
						</table>
					</td>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T2T.lTXXBcXXXXXXXX-712306726.jpg" height="69" width="1" />
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

左边代码:先自定义750,然后在复制代码进去,注意要在代码模式下操作喔!可先在线运行查看效果!

<div class="custom-area">
	<div align="left">
		<table bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" width="190">
			<tbody>
				<tr>
					<td>
						<img src="//gdp.alicdn.com/imgextra/i4/T2q1B6XbXbXXXXXXXX-712306726.gif" height="91" width="190" />
						<p align="center"><font color="#beb289">店主:<img alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i2/T29MdrXbdMXXXXXXXX-712306726.jpg" border="0" /></font></p>
						<p align="center"><font color="#beb289"><br />
						客服:<img alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i2/T29MdrXbdMXXXXXXXX-712306726.jpg" border="0" /></font></p>
						<p align="center">&nbsp;</p>
						<p align="center"><font color="#beb289">客服:<img alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i2/T29MdrXbdMXXXXXXXX-712306726.jpg" border="0" /></font></p>
						<p align="center"><font color="#beb289"><br />
						<br />
						<br />
						这里写文字,可以无限拉长,多少不限~~~<br />
						<br />
						</font></p>
						<font color="#beb289">
						<p style="text-align:left;" align="left">温馨提示:为了快捷收货,请确保联系方式正确无误</p>
						<p style="text-align:left;" align="left"><br />
						拍单说明:拍下后48小时内按顺序发货</p>
						</font><font color="#ce4d46">
						<p style="text-align:left;" align="left"><img src="//gdp.alicdn.com/imgextra/i1/T2fKB6XbJbXXXXXXXX-712306726.gif" /></p>
						</font>
					</td>
				</tr>
			</tbody>
		</table>
		<table bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" width="190">
			<tbody>
				<tr>
					<td>
						<img src="//gdp.alicdn.com/imgextra/i1/T2C1B6XaBbXXXXXXXX-712306726.gif" height="115" width="190" />
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div class="lzj">
		<table border="0" cellpadding="0" cellspacing="0" height="256" width="185">
			<tbody>
				<tr>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i1/T28ux6Xb4bXXXXXXXX-712306726.gif" height="11" width="185" />
					</td>
				</tr>
				<tr>
					<td align="center" background="//gdp.alicdn.com/imgextra/i1/T2d1B6XbJbXXXXXXXX-712306726.gif" height="160" width="185">
						<a style="color:#D6605F;text-decoration:none;" href="//item.taobao.com/item.htm?id=10554197117&amp;scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/imgextra/i1/T2WKx6XctbXXXXXXXX-712306726.gif" height="160" width="160" /></a>
					</td>
				</tr>
				<tr>
					<td align="center" background="//gdp.alicdn.com/imgextra/i2/T2cuB6XbNbXXXXXXXX-712306726.gif" height="68" width="185">
						<table border="0" cellpadding="0" cellspacing="0" height="66" width="160">
							<tbody>
								<tr>
									<td colspan="2" align="left" height="46" width="190">
										<font color="#beb289">商品名称不要回车 自动串行,控制在二行内&nbsp; </font>
									</td>
								</tr>
								<tr>
									<td align="left" height="20" width="30">
										<font color="#a756c4"><img src="//gdp.alicdn.com/imgextra/i1/T21ux6XclbXXXXXXXX-712306726.gif" height="13" width="42" /></font>
									</td>
									<td align="left" height="20" width="80">
										<strong><font style="color:#E2C779;font-size:12pt;">88.00元</font></strong>
									</td>
								</tr>
							</tbody>
						</table>
					</td>
				</tr>
				<tr>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2KKB6XapbXXXXXXXX-712306726.gif" height="17" width="185" />
					</td>
				</tr>
			</tbody>
		</table>
		<div align="left">
			<table border="0" cellpadding="0" cellspacing="0" height="256" width="185">
				<tbody>
					<tr>
						<td>
							<img alt="" src="//gdp.alicdn.com/imgextra/i1/T28ux6Xb4bXXXXXXXX-712306726.gif" height="11" width="185" />
						</td>
					</tr>
					<tr>
						<td align="center" background="//gdp.alicdn.com/imgextra/i1/T2d1B6XbJbXXXXXXXX-712306726.gif" height="160" width="185">
							<a style="color:#A69153;text-decoration:none;" href="//item.taobao.com/item.htm?id=10554578789&amp;scene=taobao_shop" target="_blank"><img class="tbImg" src="//gdp.alicdn.com/imgextra/i3/T23ex6XchbXXXXXXXX-712306726.gif" height="160" width="160" /></a>
						</td>
					</tr>
					<tr>
						<td align="center" background="//gdp.alicdn.com/imgextra/i2/T2cuB6XbNbXXXXXXXX-712306726.gif" height="68" width="185">
							<table border="0" cellpadding="0" cellspacing="0" height="66" width="160">
								<tbody>
									<tr>
										<td colspan="2" align="left" height="46" width="190">
											<font color="#beb289">商品名称不要回车 自动串行,控制在二行内&nbsp; </font>
										</td>
									</tr>
									<tr>
										<td align="left" height="20" width="30">
											<font color="#a756c4"><img src="//gdp.alicdn.com/imgextra/i1/T21ux6XclbXXXXXXXX-712306726.gif" height="13" width="42" /></font>
										</td>
										<td align="left" height="20" width="80">
											<strong><font style="color:#E2C779;font-size:12pt;">98.00元</font></strong>
										</td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
					<tr>
						<td>
							<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2KKB6XapbXXXXXXXX-712306726.gif" height="17" width="185" />
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<table border="0" cellpadding="0" cellspacing="0" height="256" width="185">
			<tbody>
				<tr>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i1/T28ux6Xb4bXXXXXXXX-712306726.gif" height="11" width="185" />
					</td>
				</tr>
				<tr>
					<td align="center" background="//gdp.alicdn.com/imgextra/i1/T2d1B6XbJbXXXXXXXX-712306726.gif" height="160" width="185">
						<a style="color:#D6605F;text-decoration:none;" href="//item.taobao.com/item.htm?id=10554197117&amp;scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/imgextra/i1/T2WKx6XctbXXXXXXXX-712306726.gif" height="160" width="160" /></a>
					</td>
				</tr>
				<tr>
					<td align="center" background="//gdp.alicdn.com/imgextra/i2/T2cuB6XbNbXXXXXXXX-712306726.gif" height="68" width="185">
						<table border="0" cellpadding="0" cellspacing="0" height="66" width="160">
							<tbody>
								<tr>
									<td colspan="2" align="left" height="46" width="190">
										<font color="#beb289">商品名称不要回车 自动串行,控制在二行内&nbsp; </font>
									</td>
								</tr>
								<tr>
									<td align="left" height="20" width="30">
										<font color="#a756c4"><img src="//gdp.alicdn.com/imgextra/i1/T21ux6XclbXXXXXXXX-712306726.gif" height="13" width="42" /></font>
									</td>
									<td align="left" height="20" width="80">
										<strong><font style="color:#E2C779;font-size:12pt;">98.00元</font></strong>
									</td>
								</tr>
							</tbody>
						</table>
					</td>
				</tr>
				<tr>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2KKB6XapbXXXXXXXX-712306726.gif" height="17" width="185" />
					</td>
				</tr>
			</tbody>
		</table>
		<div align="left">
			<table border="0" cellpadding="0" cellspacing="0" height="256" width="185">
				<tbody>
					<tr>
						<td>
							<img alt="" src="//gdp.alicdn.com/imgextra/i1/T28ux6Xb4bXXXXXXXX-712306726.gif" height="11" width="185" />
						</td>
					</tr>
					<tr>
						<td align="center" background="//gdp.alicdn.com/imgextra/i1/T2d1B6XbJbXXXXXXXX-712306726.gif" height="160" width="185">
							<a style="color:#A69153;text-decoration:none;" href="//item.taobao.com/item.htm?id=10554578789&amp;scene=taobao_shop" target="_blank"><img class="tbImg" src="//gdp.alicdn.com/imgextra/i3/T23ex6XchbXXXXXXXX-712306726.gif" height="160" width="160" /></a>
						</td>
					</tr>
					<tr>
						<td align="center" background="//gdp.alicdn.com/imgextra/i2/T2cuB6XbNbXXXXXXXX-712306726.gif" height="68" width="185">
							<table border="0" cellpadding="0" cellspacing="0" height="66" width="160">
								<tbody>
									<tr>
										<td colspan="2" align="left" height="46" width="190">
											<font color="#beb289">商品名称不要回车 自动串行,控制在二行内&nbsp; </font>
										</td>
									</tr>
									<tr>
										<td align="left" height="20" width="30">
											<font color="#a756c4"><img src="//gdp.alicdn.com/imgextra/i1/T21ux6XclbXXXXXXXX-712306726.gif" height="13" width="42" /></font>
										</td>
										<td align="left" height="20" width="80">
											<strong><font style="color:#E2C779;font-size:12pt;">98.00元</font></strong>
										</td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
					<tr>
						<td>
							<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2KKB6XapbXXXXXXXX-712306726.gif" height="17" width="185" />
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<table border="0" cellpadding="0" cellspacing="0" height="256" width="185">
			<tbody>
				<tr>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i1/T28ux6Xb4bXXXXXXXX-712306726.gif" height="11" width="185" />
					</td>
				</tr>
				<tr>
					<td align="center" background="//gdp.alicdn.com/imgextra/i1/T2d1B6XbJbXXXXXXXX-712306726.gif" height="160" width="185">
						<a style="color:#D6605F;text-decoration:none;" href="//item.taobao.com/item.htm?id=10554197117&amp;scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/imgextra/i1/T2WKx6XctbXXXXXXXX-712306726.gif" height="160" width="160" /></a>
					</td>
				</tr>
				<tr>
					<td align="center" background="//gdp.alicdn.com/imgextra/i2/T2cuB6XbNbXXXXXXXX-712306726.gif" height="68" width="185">
						<table border="0" cellpadding="0" cellspacing="0" height="66" width="160">
							<tbody>
								<tr>
									<td colspan="2" align="left" height="46" width="190">
										<font color="#beb289">商品名称不要回车 自动串行,控制在二行内&nbsp; </font>
									</td>
								</tr>
								<tr>
									<td align="left" height="20" width="30">
										<font color="#a756c4"><img src="//gdp.alicdn.com/imgextra/i1/T21ux6XclbXXXXXXXX-712306726.gif" height="13" width="42" /></font>
									</td>
									<td align="left" height="20" width="80">
										<strong><font style="color:#E2C779;font-size:12pt;">98.00元</font></strong>
									</td>
								</tr>
							</tbody>
						</table>
					</td>
				</tr>
				<tr>
					<td>
						<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2KKB6XapbXXXXXXXX-712306726.gif" height="17" width="185" />
					</td>
				</tr>
			</tbody>
		</table>
		<div align="left">
			<table border="0" cellpadding="0" cellspacing="0" height="256" width="185">
				<tbody>
					<tr>
						<td>
							<img alt="" src="//gdp.alicdn.com/imgextra/i1/T28ux6Xb4bXXXXXXXX-712306726.gif" height="11" width="185" />
						</td>
					</tr>
					<tr>
						<td align="center" background="//gdp.alicdn.com/imgextra/i1/T2d1B6XbJbXXXXXXXX-712306726.gif" height="160" width="185">
							<a style="color:#A69153;text-decoration:none;" href="//item.taobao.com/item.htm?id=10554578789&amp;scene=taobao_shop" target="_blank"><img class="tbImg" src="//gdp.alicdn.com/imgextra/i3/T23ex6XchbXXXXXXXX-712306726.gif" height="160" width="160" /></a>
						</td>
					</tr>
					<tr>
						<td align="center" background="//gdp.alicdn.com/imgextra/i2/T2cuB6XbNbXXXXXXXX-712306726.gif" height="68" width="185">
							<table border="0" cellpadding="0" cellspacing="0" height="66" width="160">
								<tbody>
									<tr>
										<td colspan="2" align="left" height="46" width="190">
											<font color="#beb289">商品名称不要回车 自动串行,控制在二行内&nbsp; </font>
										</td>
									</tr>
									<tr>
										<td align="left" height="20" width="30">
											<font color="#a756c4"><img src="//gdp.alicdn.com/imgextra/i1/T21ux6XclbXXXXXXXX-712306726.gif" height="13" width="42" /></font>
										</td>
										<td align="left" height="20" width="80">
											<strong><font style="color:#E2C779;font-size:12pt;">98.00元</font></strong>
										</td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
					<tr>
						<td>
							<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2KKB6XapbXXXXXXXX-712306726.gif" height="17" width="185" />
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>


来源:飞蚂蚁模板网(QQ号:254206549),转载请保留出处和链接!

本文链接:http://www.feimayi.net/jcbmb/983.html

加入【淘宝店铺装修】QQ群:474687967(加群验证:飞蚂蚁模板网)

淘宝天猫内部优惠券九元九特卖网一般人,我不告诉他喔!

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

控制面板

您好,欢迎到访网站!
  [查看权限]
350装修模板
淘宝快递单号
连衣裙

飞蚂蚁影院

淘宝店铺装修教程 | 淘宝装修 | 淘宝装修免费模板 | 淘宝装修素材 | 淘宝店铺装修 | 网站地图 | 留言板 | 广告合作 | 飞蚂蚁影院

Copyright(c)2013-2016feimayi.net All Rights Reserved. 粤ICP备14055454号
淘宝店铺装修交流群群号:474687967