淘宝团购模版至px版本效果
- 格式:docx
- 大小:12.69 KB
- 文档页数:7
淘宝店铺装修中常见的模板尺寸淘宝店铺装修中需要用到店标、店招、宝贝分类、促销区公告、宝贝描述等,这些模板一般都有一定的尺寸限制或者大小限制,清楚这些限制,是我们制作这些模板的基础。
接下来让我们一起了解一下淘宝店铺装修中常见模板的尺寸以及常见装修代码:1、普通店铺店标大小:100px*100px <=80k代码:无(图片做好后直接上传)格式:jpg、gif设置:管理我的店铺—基本设置—店标—浏览—选择本地做好店标文件2、旺旺名片/头像大小:120px*120px <=100k代码:无(图片做好后直接上传)格式:jpg、gif3、宝贝图片大小:500px*500px <=120k代码:无(图片做好后直接上传)格式:jpg、gif4、旺铺店招大小:950px*150px <=80k代码:无(图片做好后直接上传)格式:jpg、gif、png5、旺铺促销区大小:宽度<=750px代码:<img src="店铺公告地址"/>(图片必须放置在网络空间或网络像册,没有可以先申请一个,需支持宝淘外链的)格式:jpg、gif、html、文本6、旺铺宝贝描述大小:宽度<=722px(窄版),宽度<=922px(宽版),高度随意代码:<img src="店铺公告地址"/>(图片必须放置在网络空间或网络像册,没有可以先申请一个,需支持宝淘外链的)格式:jpg、gif、html、文本普通店铺的宝贝描述尺寸大小没有什么限制,但考虑到显示器的显示尺寸,应掌握在1000PX以下。
7、宝贝分类大小:宽度<=160PX,高度随意代码:<img src="宝贝分类地址"/>(图片必须放置在网络空间或网络像册,没有可以先申请一个,需支持宝淘外链的)格式:jpg、gif(地址不要超过40个字符)淘宝网店装修着重注意的七个部位淘宝网店装修着重注意的七个部位,抓住重点装修网店,能给大幅度的提高网店装修的质量,让你的网店变漂亮,有吸引力。
淘宝网旺铺装修代码分析制作大全--由陌上花开精品馆掌柜提供旺:malong29职场生活技巧2010-07-10 13:17:37 阅读1143 评论3 字号:大中小订阅淘宝网旺铺装修代码如何学会自己制作是本文的要点,分析旺铺装修模板代码如何安装使用,通过淘宝网旺铺装修代码认识,学会运用自己所定的旺铺装修模板代码,呈现一个美观界面。
淘宝网旺铺装修代码如何学会自己制作是本文的要点,分析旺铺装修模板代码如何安装使用,通过淘宝网旺铺装修代码认识,学会运用自己所定的旺铺装修模板代码,呈现一个美观界面。
一:背景音乐代码<bgsound loop="infinite" src="这里插入你想要的歌曲的链接"></bgsound> 或<bgsound loop="-1" src="这里插入你想要的歌曲的链接"></bgsound>操作方法:第一步选择本帖提供的背景音乐,复制红色部分内容;第二步在“我的淘宝”—>“管理我的店铺”—>“基本设置”—>“公告”的窗口内,点击“编辑源文件”后粘贴即可;第三步按一下“确定”按钮,顺利完成背景音乐的添加。
附部分背景音乐:1. 命运浪漫满屋主题曲韩剧 <bgsound loop="-1"src="/zhuangxiu/0/717/luchuanzhi1/sound/200641605345500.wma" ></bgsound>2. Akia California 英文歌曲<bgsound loop="-1"src="/zhuangxiu/edm/baojie/California.mp3"></bgsound>3. 莫斯科郊外的晚上黑鸭子<bgsound loop="-1" src="/zhuangxiu/music/H/黑鸭子/难忘的苏联时代/黑鸭子%20-%2005-莫斯科郊外的晚上.wma"></bgsound>4. 春江花月夜<bgsound loop="-1"src="/zhuangxiu/images/gaozh/chunj.wma"></bgsound>说明:1.如要关闭背景音乐,按ESC键即可.2.如要在帖子里添加背景音乐,粘贴音乐代码在帖子的第一句话后面即可.注意:“音乐地址”可以在百度里搜索,百度音乐/搜索你想要的歌曲,记得要选连接速度快的。
淘宝店铺公告栏尺寸篇一:淘宝店铺装修中常见的模板尺寸淘宝店铺装修中常见的模板尺寸淘宝店铺装修中需要用到店标、店招、宝贝分类、促销区公告、宝贝描述等,这些模板一般都有一定的尺寸限制或者大小限制,清楚这些限制,是我们制作这些模板的基础。
接下来让我们一起了解一下淘宝店铺装修中常见模板的尺寸以及常见装修代码:1、普通店铺店标大小:100px*100px 代码:无(图片做好后直接上传)格式:jpg、gif设置:管理我的店铺—基本设置—店标—浏览—选择本地做好店标文件2、旺旺名片/头像大小:120px*120px 代码:无(图片做好后直接上传)格式:jpg、gif3、宝贝图片大小:500px*500px 代码:无(图片做好后直接上传)格式:jpg、gif4、旺铺店招大小:950px*150px 代码:无(图片做好后直接上传)格式:jpg、gif、png5、旺铺促销区大小:宽度代码:(图片必须放置在网络空间或网络像册,没有可以先申请一个,需支持宝淘外链的)格式:jpg、gif、html、文本6、旺铺宝贝描述大小:宽度代码:(图片必须放置在网络空间或网络像册,没有可以先申请一个,需支持宝淘外链的)格式:jpg、gif、html、文本普通店铺的宝贝描述尺寸大小没有什么限制,但考虑到显示器的显示尺寸,应掌握在1000PX以下。
7、宝贝分类大小:宽度代码:(图片必须放置在网络空间或网络像册,没有可以先申请一个,需支持宝淘外链的)格式:jpg、gif(地址不要超过40个字符)淘宝网店装修着重注意的七个部位淘宝网店装修着重注意的七个部位,抓住重点装修网店,能给大幅度的提高网店装修的质量,让你的网店变漂亮,有吸引力。
为了达到这个目的,下面七点是我们需要着重做好的:一、宝贝描述模版:宝贝描述模版是用在商品描述页面的,就是打开一个具体的商品看到的页面,很多新手以为是用在店铺首页的,请不要搞错!宝贝描述模版的作用就是让你的商品描述页面更漂亮更规范。
篇一:最简单的教程,教你怎么做淘宝网店图片!纯手打很多人不知道做网店从那里下手,最难的恐怕还是图片问题,又不能一直在网上找人家做好的图片,废话不多少,一下是个人的经验,简单的处理图片,希望能帮助大家把自己的网店做的更漂亮!使用工具:photoshop主要ps工具:色阶 ctrl+l曲线ctrl+m可选颜色 alt+i+a+s ,菜单/图像/调整/可选颜色对比度 alt+i+a+c色相饱和度 ctrl+u裁剪c选区m移动vno.1 ,拍出来的图片太暗调整色阶,拉动两头的滑块,往中间部分拉,右边往左拉变亮,左边往右拉变暗,同时可以增加图像对比度,让图像更有立体感。
之后,如果还是感觉图像整体太暗,可以修改曲线,一般选择黑色的位置往上拉一点,图像就会平滑的增亮。
左下角调整深色位置,右上角调整高光位置。
no.2 ,单种主要颜色效果不好,偏色例如这一张,我要的白色不够白,调整可选颜色。
选择白色,把白色中的黑色去掉一点,就显的更白了。
果说这张的红色本身是偏黄的软色的,拍出来偏色的,太红了,我就选择红色的,然后调整洋红和黄色。
o.3 ,本来很鲜艳的产品拍出来不鲜艳,颜色饱和度不够调整图像饱和度,整体饱和度不好,就选择rgb 整体增加饱和度,想要突出单种颜色饱和度,就选择对应的颜色调。
我把红色的饱和度提高一点。
o.4 ,图像模糊调整对比度,有点饿图片拍好后会像蒙了一层纱一样,增加对比度就可以改善。
篇二:淘宝宝贝详细图制作方法淘宝宝贝描述模板制作教程现在好多新手都自己去下载宝贝描述的模板,但是又发现没有自己想要的,没有符合自己小店的,那下面我就教大家怎么做,宝贝描述的模板,其实道理是很简单的,做模板,最后只要得到代码就行了!呵呵废话不多说了现在就开始吧!工具: ps、dreamweaver第一部分,用photoshop制作出模版jpge图片。
这个我就不多说了这个我也教不了大家这个都要靠平时的积累和自己的美术功底不过,宝贝模板的主要模块总结就是以下就是几块:a商品的大图 b.商品的描述 c.买家事宜d.配送方法 e.店铺分类f.店铺连接我给大家看看我做的吧。
双11促销海报、素材在最下面双十一店铺模板装修说明书为了商家们能更方便的装修店铺,总结了以下几点店铺装修步骤,以供商家学习使用。
(*请使用google浏览器或者火狐firefox浏览器进行操作)一、生成装修代码第一步:打开网址: /go/act/tmall/htmlcodebuilder.php此页面为装修代码生成器,用户可通过此工具快速生成双11商品活动页面。
详细如下:通过下面的表单将商品信息填入,如图2-2:图2-2 商品列表1.商品列表信息中左边数字表示商品序号。
2.“商品图片”栏中填入商品图片地址。
(请把图片上传到到淘宝店铺装修图片空间内)。
3.“商品标题”中填入商品的名称。
(*文字必须控制在15个字以内,超过页面会乱掉)4.“商品链接”中填入商品的页面链接地址。
5.“现价”一栏中填入商品的双十一折扣价格。
6.“原价”一栏中填入商品的原价。
第二步:填入产品的相关信息,填写完毕如下图2-3显示:图2-3注意:商家可根据自己的需要填写多条商品,如只有5个商品,则只需要填写前5条即可。
若商家需要填入商品数量很多,页面上显示的个数不够,需要继续添加的,可将页面拉至底部,“在尾部添加一行”或者“在头部添加一行”两个按钮皆可以添加商品列表的数量。
如图2-4:图2-4 添加商品列表功能说明:“在尾部添加一行”添加后的数据显示在所有商品列表的最后面“在头部添加一行”则是在所有商品列表的最前面。
“清空数据”按钮可以清空在框内所写的所有商品信息。
将商品信息填写完毕后,可在页面右上角找到两个按钮,如图2-5;一个为“完成”按钮,一个为“关闭”按钮。
·点击“完成”,可对用户填写的商品信息保存,并在页面上展示商品信息填写完毕后的预览效果。
图2-9·点击“关闭”则不作保存!如图2-6;图2-5 编辑完成第二步:预览页面导出HTML代码(1)点击完成按钮之后可预览页面效果如下图2-6所示:图2-6 页面预览(2)页面内容确认无误后,点击“备份/还原数据”按钮。
<table border="0" cellpadding="0" cellspacing="0" class="" height="228" width="748"><tbody><tr><td align="left" colspan="2" height="26" valign="center"> <font style="font-size: 10pt"> <a href="/item.htm?id=16216208159" target="_blank" title="">2000毫安CEL-GC90</a></font><a href="/item.htm?id=16216208159" target="_blank" title=""><font size="2">移动电源</font>130元厂庆特价</a><span style="font-size: 18px"><span style="color: #f00"> 55 </span></span>元</td><td align="left" colspan="2" height="26" valign="center"> <a href="/item.htm?id=16747160561&" target="_blank" title=""><font style="font-family: 宋体; font-size: 10pt">4.3寸触摸屏高清行货MP5 RK5005(4G) FM收音</font></a> <span style="color: #f00"><span style="font-size: 18px">135</span></span> 元</td></tr><tr><td align="middle" valign="center" width="192"><p><br /> <font style="font-size: 14pt">¥<span style="font-size: 24px"><span style="color: #f00">55.00 <a href="/item.htm?id=16216208159" target="_blank" title=""><img src="/imgextra/i4/800679102/T22Y pkXbtNXXXXXXXX_!!8006791 02.jpg" style="margin: 0px; width: 55px; float: none; height: 27px" /></a><a href="/item.htm?id=16747160561&" target="_blank" title=""></a><span style="display: none"> </span> <span style="background-color: #f00"></span></span></span></font></p><p> </p><p><font style="font-size: 14pt"><span style="font-size: 24px"><span style="color: #f00"><span style="background-color: #f00"></span></span></span></font>原价 折扣节省<br />130.00 特价 75.00<br /><br /><br /><span style="font-family: verdana">剩余 </span><font style="font-family: tahoma; font-size: 14pt"><strong>11:08:</strong></font><img align="absMidd le" src="/imgextra/i3/T22gpIXaV aXXXXXXXX-76026793.gif" /><br /><br />已有377人参团欲购从速!<br /><br /> </p></td><td align="middle" valign="center" width="182"><span style="display: none"> </span><a href="/item.htm?id=16216208159" target="_blank" title=""><img height="141"src="/imgextra/i2/800679102/T26U0jXj0NXXXXXXXX_!!8006791 02.jpg" style="margin: 0px; width: 140px; float: none; height: 101px" width="220" /></a><span style="display: none"> </span> </td><td align="middle" valign="center" width="193"><p> <br /><font style="font-size: 14pt">¥<span style="color: #f00"><span style="font-size: 24px">135.00 </span></span></font><font style="font-size: 14pt"><strong><a href="/item.htm?id=16747160561&" target="_blank" title=""><img src="/imgextra/i4/800679102/T22Y pkXbtNXXXXXXXX_!!8006791 02.jpg" style="margin: 0px; width: 55px; float: none; height: 27px" /></a><span style="display: none"> </span><span style="display: none"> </span><span style="display: none"> </span> </strong></font></p><p> </p><p><font style="font-size: 14pt"></font>原价 折扣节省<br />200.00特价65.00<br /><br /><br /><span style="font-family: verdana">剩余 </span><font style="font-family: tahoma; font-size: 14pt"><strong>08:15:</strong></font><img align="absMiddle" src="/imgextra/i3/T22gpIXaV aXXXXXXXX-76026793.gif" /><br /><br />已有428人参团欲购从速!<br /><br /> </p></td><td align="middle" valign="center" width="183"><span style="display: none"> </span><a href="/item.htm?id=16747160561&" target="_blank" title=""><img height="137"src="/imgextra/i2/800679102/T2vpaHXfJaXXXXXXXX_!!80067910 2.jpg" style="margin: 0px; width: 136px; float: none; height: 159px" width="99" /></a><span style="display: none"> </span> </td></tr></tbody></table>。
产品介绍:本宝贝放大镜效果模板可用于扶植版、标准版和拓展版,放大镜效果见本店铺主页图片效果。
图片轮播代码能美化你的店铺装修,吸引客户的注意力、激发他们的购买热情、提高宝贝的转化率放大镜模板(右侧代码如下:DIV class=box><DIV class=shop-custom><DIV class=hd><H3><span><img alt="" src="/imgextra/i1/751105631/T2tw40XkVcXXXXXXXX_!!7511056 31.jpg"> </span></H3></DIV><DIV class=bd><DIV class=custom-area><DIV style="TEXT-ALIGN: center; MARGIN-TOP: 12px; HEIGHT: 233px; FONT-SIZE: 12px"><ul style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><li style="WIDTH: 162px; FLOAT: left; MARGIN-LEFT: 14px"><DIV style="HEIGHT: 167px"><DIV style="BORDER-BOTTOM: #e0e0e0 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 160px; HEIGHT: 160px; OVERFLOW: hidden; BORDER-TOP: #e0e0e0 1px solid; BORDER-RIGHT: #e0e0e0 1px solid" class="ziguang-game8-pic ziguang-a22"><img border=0 alt="" src="/imgextra/i1/751105631/T2QSRxXb8NXXXXXXXX_!!751105 631.jpg" width=160 height=160><DIV class="J_TWidget hidden" data-widget-config="{'trigger':'.ziguang-a22','align':{'node':'.ziguang-a22','offset':[0,0],'points':['cc' ,'cc']}}" data-widget-type="Popup"><DIV class=ziguang-tanchu-pic><A href="/item.htm?id=175********" target=_blank data-attr-replace="[{'type':'href','desc':'1.第一个宝贝详情页链接地址'}]" data-thumb="/imgextra/i3/T2.UJOXfxXXXXXXXXX-692656120.gif "><img border=0 src="/imgextra/i1/751105631/T2QSRxXb8NXXXXXXXX_!!751105 631.jpg" data-attr-replace="[{'type':'src','desc':'1. 第一个宝贝大图图片地址(尺寸为310*310像素)'}]"></A></DIV></DIV></DIV></DIV><DIV style="HEIGHT: 42px" data-attr-replace="[{'type':'innerHTML','desc':'1. 第一个宝贝标题'}]"data-thumb="/imgextra/i2/T27.JOXfJXXXXXXXXX-692656120.gif" >淘宝店铺旺铺装修模板店铺装修扶植版256套免费送教程</DIV><DIV style="TEXT-ALIGN: left; LINE-HEIGHT: 24px; PADDING-LEFT: 70px; FONT-FAMIL Y: georgia; BACKGROUND: url(/imgextra/i1/T1QIu8XchqXXXi2qbB-848409893.jpg) no-repeat 11px 5px; COLOR: #c00000; FONT-SIZE: 12pt; font-weight: bold" data-attr-replace="[{'type':'innerHTML','desc':'1. 第一个宝贝价格'}]" data-thumb="/imgextra/i3/T2voNOXehXXXXXXXXX-692656120.gi f">2.00元</DIV></li><li style="WIDTH: 162px; FLOAT: left; MARGIN-LEFT: 24px"><DIV style="HEIGHT: 167px"><DIV style="BORDER-BOTTOM: #e0e0e0 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 160px; HEIGHT: 160px; OVERFLOW: hidden; BORDER-TOP: #e0e0e0 1px solid; BORDER-RIGHT: #e0e0e0 1px solid" class="ziguang-game8-pic ziguang-a23"><img border=0 alt="" src="/imgextra/i3/751105631/T2QnNDXn8MXXXXXXXX_!!75110 5631.jpg" width=160 height=160><DIV class="J_TWidget hidden" data-widget-config="{'trigger':'.ziguang-a23','align':{'node':'.ziguang-a23','offset':[0,0],'points':['cc' ,'cc']}}" data-widget-type="Popup"><DIV class=ziguang-tanchu-pic><A href="/item.htm?id=14771466904" target=_blank data-attr-replace="[{'type':'href','desc':'2. 第二个宝贝详情页链接地址'}]" data-thumb="/imgextra/i3/T2.UJOXfxXXXXXXXXX-692656120.gif "><img border=0 src="/imgextra/i3/751105631/T2QnNDXn8MXXXXXXXX_!!75110 5631.jpg" data-attr-replace="[{'type':'src','desc':'2. 第二个宝贝大图图片地址(尺寸为310*310像素)'}]"></A></DIV></DIV></DIV></DIV><DIV style="HEIGHT: 42px" data-attr-replace="[{'type':'innerHTML','desc':'2. 第二个宝贝标题'}]"data-thumb="/imgextra/i2/T27.JOXfJXXXXXXXXX-692656120.gif" >淘宝店铺装修模板1300套店铺装修扶植版标准版免费送教</DIV><DIV style="TEXT-ALIGN: left; LINE-HEIGHT: 24px; PADDING-LEFT: 70px; FONT-FAMIL Y: georgia; BACKGROUND: url(/imgextra/i1/T1QIu8XchqXXXi2qbB-848409893.jpg) no-repeat 11px 5px; COLOR: #c00000; FONT-SIZE: 12pt; font-weight: bold" data-attr-replace="[{'type':'innerHTML','desc':'2. 第二个宝贝价格'}]" data-thumb="/imgextra/i3/T2voNOXehXXXXXXXXX-692656120.gi f">2.00元</DIV></li><li style="WIDTH: 162px; FLOAT: left; MARGIN-LEFT: 24px"><DIV style="HEIGHT: 167px"><DIV style="BORDER-BOTTOM: #e0e0e0 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 160px; HEIGHT: 160px; OVERFLOW: hidden; BORDER-TOP: #e0e0e0 1px solid; BORDER-RIGHT: #e0e0e0 1px solid" class="ziguang-game8-picziguang-a24"><img border=0 alt="" src="/imgextra/i3/751105631/T2538bXbRNXXXXXXXX_!!7511056 31.jpg" width=160 height=160><DIV class="J_TWidget hidden" data-widget-config="{'trigger':'.ziguang-a24','align':{'node':'.ziguang-a24','offset':[0,0],'points':['cc' ,'cc']}}" data-widget-type="Popup"><DIV class=ziguang-tanchu-pic><A href="/item.htm?id=175********&" target=_blank data-attr-replace="[{'type':'href','desc':'3. 第三个宝贝详情页链接地址'}]" data-thumb="/imgextra/i3/T2.UJOXfxXXXXXXXXX-692656120.gif "><img border=0 src="/imgextra/i3/751105631/T2538bXbRNXXXXXXXX_!!7511056 31.jpg" data-attr-replace="[{'type':'src','desc':'3. 第三个宝贝大图图片地址(尺寸为310*310像素)'}]"></A></DIV></DIV></DIV></DIV><DIV style="HEIGHT: 42px" data-attr-replace="[{'type':'innerHTML','desc':'3. 第三个宝贝标题'}]"data-thumb="/imgextra/i2/T27.JOXfJXXXXXXXXX-692656120.gif" >淘宝店铺装修模板全套旺铺装修扶植版标准版免费送教程</DIV><DIV style="TEXT-ALIGN: left; LINE-HEIGHT: 24px; PADDING-LEFT: 70px; FONT-FAMIL Y: georgia; BACKGROUND: url(/imgextra/i1/T1QIu8XchqXXXi2qbB-848409893.jpg) no-repeat 11px 5px; COLOR: #c00000; FONT-SIZE: 12pt; font-weight: bold" data-attr-replace="[{'type':'innerHTML','desc':'3. 第三个宝贝价格'}]" data-thumb="/imgextra/i3/T2voNOXehXXXXXXXXX-692656120.gi f">8.80元</DIV></li><li style="WIDTH: 162px; FLOAT: left; MARGIN-LEFT: 24px"><DIV style="HEIGHT: 167px"><DIV style="BORDER-BOTTOM: #e0e0e0 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 160px; HEIGHT: 160px; OVERFLOW: hidden; BORDER-TOP: #e0e0e0 1px solid; BORDER-RIGHT: #e0e0e0 1px solid" class="ziguang-game8-pic ziguang-a25"><img border=0 src="/imgextra/i3/751105631/T2icxKXexcXXXXXXXX_!!75110563 1.jpg" width=160 height=160 data-attr-replace="[{'type':'src','desc':'4. 第四个宝贝小图图片地址(尺寸为310*310像素)'}]"><DIV class="J_TWidget hidden" data-widget-config="{'trigger':'.ziguang-a25','align':{'node':'.ziguang-a25','offset':[0,0],'points':['cc' ,'cc']}}" data-widget-type="Popup"><DIV class=ziguang-tanchu-pic><A href="/item.htm?id=14900021738" target=_blank data-attr-replace="[{'type':'href','desc':'4. 第四个宝贝详情页链接地址'}]" data-thumb="/imgextra/i3/T2.UJOXfxXXXXXXXXX-692656120.gif "><img border=0 src="/imgextra/i3/751105631/T2icxKXexcXXXXXXXX_!!75110563 1.jpg" data-attr-replace="[{'type':'src','desc':'4. 第四个宝贝大图图片地址(尺寸为310*310像素)'}]"></A></DIV></DIV></DIV></DIV><DIV style="HEIGHT: 42px" data-attr-replace="[{'type':'innerHTML','desc':'4. 第四个宝贝标题'}]"data-thumb="/imgextra/i2/T27.JOXfJXXXXXXXXX-692656120.gif" >店铺装修模板扶植版标准版拓展版之950/750图片轮播</DIV><DIV style="TEXT-ALIGN: left; LINE-HEIGHT: 24px; PADDING-LEFT: 70px; FONT-FAMIL Y: georgia; BACKGROUND: url(/imgextra/i1/T1QIu8XchqXXXi2qbB-848409893.jpg) no-repeat 11px 5px; COLOR: #c00000; FONT-SIZE: 12pt; font-weight: bold" data-attr-replace="[{'type':'innerHTML','desc':'4. 第四个宝贝价格'}]" data-thumb="/imgextra/i3/T2voNOXehXXXXXXXXX-692656120.gi f">2.00元</DIV></li></ul></DIV><DIV style="TEXT-ALIGN: center; MARGIN-TOP: 19px; HEIGHT: 233px; FONT-SIZE: 12px"><ul style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><li style="WIDTH: 162px; FLOAT: left; MARGIN-LEFT: 14px"><DIV style="HEIGHT: 167px"><DIV style="BORDER-BOTTOM: #e0e0e0 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 160px; HEIGHT: 160px; OVERFLOW: hidden; BORDER-TOP: #e0e0e0 1px solid; BORDER-RIGHT: #e0e0e0 1px solid" class="ziguang-game8-pic ziguang-a27"><img border=0 src="/imgextra/i1/751105631/T2OwReXlNNXXXXXXXX_!!751105 631.jpg" width=160 height=160 data-attr-replace="[{'type':'src','desc':'5. 第五个宝贝小图图片地址(尺寸为310*310像素)'}]"><DIV class="J_TWidget hidden" data-widget-config="{'trigger':'.ziguang-a27','align':{'node':'.ziguang-a27','offset':[0,0],'points':['cc' ,'cc']}}" data-widget-type="Popup"><DIV class=ziguang-tanchu-pic><A href="/item.htm?id=176********" target=_blank data-attr-replace="[{'type':'href','desc':'5. 第五个宝贝详情页链接地址'}]" data-thumb="/imgextra/i3/T2.UJOXfxXXXXXXXXX-692656120.gif "><img border=0 src="/imgextra/i1/751105631/T2OwReXlNNXXXXXXXX_!!751105 631.jpg" data-attr-replace="[{'type':'src','desc':'5. 第五个宝贝大图图片地址(尺寸为310*310像素)'}]"></A></DIV></DIV></DIV></DIV><DIV style="HEIGHT: 42px" data-attr-replace="[{'type':'innerHTML','desc':'5. 第五个宝贝标题'}]"data-thumb="/imgextra/i2/T27.JOXfJXXXXXXXXX-692656120.gif" >淘宝自动发货软件/发卡密/发货短信提醒/自动评价</DIV><DIV style="TEXT-ALIGN: left; LINE-HEIGHT: 24px; PADDING-LEFT: 70px; FONT-FAMIL Y: georgia; BACKGROUND: url(/imgextra/i1/T1QIu8XchqXXXi2qbB-848409893.jpg) no-repeat 11px 5px; COLOR: #c00000; FONT-SIZE: 12pt; font-weight: bold" data-attr-replace="[{'type':'innerHTML','desc':'5. 第五个宝贝价格'}]" data-thumb="/imgextra/i3/T2voNOXehXXXXXXXXX-692656120.gi f">2.00元</DIV></li><li style="WIDTH: 162px; FLOAT: left; MARGIN-LEFT: 24px"><DIV style="HEIGHT: 167px"><DIV style="BORDER-BOTTOM: #e0e0e0 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 160px; HEIGHT: 160px; OVERFLOW: hidden; BORDER-TOP: #e0e0e0 1px solid; BORDER-RIGHT: #e0e0e0 1px solid" class="ziguang-game8-pic ziguang-a28"><img border=0 src="/imgextra/i2/751105631/T2np8eXiNNXXXXXXXX_!!7511056 31.jpg" width=160 height=160 data-attr-replace="[{'type':'src','desc':'6. 第六个宝贝小图图片地址(尺寸为310*310像素)'}]"><DIV class="J_TWidget hidden" data-widget-config="{'trigger':'.ziguang-a28','align':{'node':'.ziguang-a28','offset':[0,0],'points':['cc' ,'cc']}}" data-widget-type="Popup"><DIV class=ziguang-tanchu-pic><A href="/item.htm?id=176********&" target=_blank data-attr-replace="[{'type':'href','desc':'6. 第六个宝贝详情页链接地址'}]" data-thumb="/imgextra/i3/T2.UJOXfxXXXXXXXXX-692656120.gif "><img border=0 src="/imgextra/i2/751105631/T2np8eXiNNXXXXXXXX_!!7511056 31.jpg" data-attr-replace="[{'type':'src','desc':'6. 第六个宝贝大图图片地址(尺寸为310*310像素)'}]"></A></DIV></DIV></DIV></DIV><DIV style="HEIGHT: 42px" data-attr-replace="[{'type':'innerHTML','desc':'6. 第六个宝贝标题'}]"data-thumb="/imgextra/i2/T27.JOXfJXXXXXXXXX-692656120.gif" ><br>冲钻特价网站推广软件SEO优化百度推广搜索优化</DIV><DIV style="TEXT-ALIGN: left; LINE-HEIGHT: 24px; PADDING-LEFT: 70px; FONT-FAMIL Y: georgia; BACKGROUND: url(/imgextra/i1/T1QIu8XchqXXXi2qbB-848409893.jpg) no-repeat 11px 5px; COLOR: #c00000; FONT-SIZE: 12pt; font-weight: bold" data-attr-replace="[{'type':'innerHTML','desc':'6. 第六个宝贝价格'}]" data-thumb="/imgextra/i3/T2voNOXehXXXXXXXXX-692656120.gi f">4.00元</DIV></li><li style="WIDTH: 162px; FLOAT: left; MARGIN-LEFT: 24px"><DIV style="HEIGHT: 167px"><DIV style="BORDER-BOTTOM: #e0e0e0 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 160px; HEIGHT: 160px; OVERFLOW: hidden; BORDER-TOP: #e0e0e0 1px solid; BORDER-RIGHT: #e0e0e0 1px solid" class="ziguang-game8-pic ziguang-a29"><img border=0 src="/imgextra/i4/751105631/T2URFgXhXNXXXXXXXX_!!751105 631.jpg" width=160 height=160 data-attr-replace="[{'type':'src','desc':'7. 第七个宝贝小图图片地址(尺寸为310*310像素)'}]"><DIV class="J_TWidget hidden" data-widget-config="{'trigger':'.ziguang-a29','align':{'node':'.ziguang-a29','offset':[0,0],'points':['cc' ,'cc']}}" data-widget-type="Popup"><DIV class=ziguang-tanchu-pic><A href="/item.htm?id=158********" target=_blank data-attr-replace="[{'type':'href','desc':'7. 第七个宝贝详情页链接地址'}]" data-thumb="/imgextra/i3/T2.UJOXfxXXXXXXXXX-692656120.gif "><img border=0 src="/imgextra/i4/751105631/T2URFgXhXNXXXXXXXX_!!751105631.jpg" data-attr-replace="[{'type':'src','desc':'7. 第七个宝贝大图图片地址(尺寸为310*310像素)'}]"></A></DIV></DIV></DIV></DIV><DIV style="HEIGHT: 42px" data-attr-replace="[{'type':'innerHTML','desc':'7. 第七个宝贝标题'}]"data-thumb="/imgextra/i2/T27.JOXfJXXXXXXXXX-692656120.gif" >店铺装修模板扶植版标准版拓展版放大镜效果模板</DIV><DIV style="TEXT-ALIGN: left; LINE-HEIGHT: 24px; PADDING-LEFT: 70px; FONT-FAMIL Y: georgia; BACKGROUND: url(/imgextra/i1/T1QIu8XchqXXXi2qbB-848409893.jpg) no-repeat 11px 5px; COLOR: #c00000; FONT-SIZE: 12pt; font-weight: bold" data-attr-replace="[{'type':'innerHTML','desc':'7. 第七个宝贝价格'}]" data-thumb="/imgextra/i3/T2voNOXehXXXXXXXXX-692656120.gi f">2.00元</DIV></li><li style="WIDTH: 162px; FLOAT: left; MARGIN-LEFT: 24px"><DIV style="HEIGHT: 167px"><DIV style="BORDER-BOTTOM: #e0e0e0 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 160px; HEIGHT: 160px; OVERFLOW: hidden; BORDER-TOP: #e0e0e0 1px solid; BORDER-RIGHT: #e0e0e0 1px solid" class="ziguang-game8-pic ziguang-a210"><img border=0 src="/imgextra/i1/751105631/T2_pBJXc4cXXXXXXXX_!!75110563 1.jpg" width=160 height=160 data-attr-replace="[{'type':'src','desc':'8. 第八个宝贝小图图片地址(尺寸为310*310像素)'}]"><DIV class="J_TWidget hidden" data-widget-config="{'trigger':'.ziguang-a210','align':{'node':'.ziguang-a210','offset':[0,0],'points':[' cc','cc']}}" data-widget-type="Popup"><DIV class=ziguang-tanchu-pic><A href="/item.htm?id=14875934495" target=_blank data-attr-replace="[{'type':'href','desc':'8. 第八个宝贝详情页链接地址'}]" data-thumb="/imgextra/i3/T2.UJOXfxXXXXXXXXX-692656120.gif "><img border=0 src="/imgextra/i1/751105631/T2_pBJXc4cXXXXXXXX_!!75110563 1.jpg" data-attr-replace="[{'type':'src','desc':'8. 第八个宝贝大图图片地址(尺寸为310*310像素)'}]"></A></DIV></DIV></DIV></DIV><DIV style="HEIGHT: 42px" data-attr-replace="[{'type':'innerHTML','desc':'8. 第八个宝贝标题'}]"data-thumb="/imgextra/i2/T27.JOXfJXXXXXXXXX-692656120.gif" >淘宝店铺装修模板全套旺铺装修扶植版标准版</DIV><DIV style="TEXT-ALIGN: left; LINE-HEIGHT: 24px; PADDING-LEFT: 70px; FONT-FAMIL Y: georgia; BACKGROUND: url(/imgextra/i1/T1QIu8XchqXXXi2qbB-848409893.jpg) no-repeat 11px 5px; COLOR: #c00000; FONT-SIZE: 12pt; font-weight: bold"><font style="BACKGROUND-COLOR: transparent; FONT-FAMIL Y: georgia; COLOR: #c00000; FONT-SIZE: 12pt" data-attr-replace="[{'type':'innerHTML','desc':'8. 第八个宝贝价格'}]" data-thumb="/imgextra/i3/T2voNOXehXXXXXXXXX-692656120.gi f">2.00元</font></DIV></li></ul></DIV><DIV style="TEXT-ALIGN: left; HEIGHT: 10px"></DIV></DIV></DIV></DIV></DIV>放大镜模板左侧代码如下:DIV class=box><DIV class=shop-custom><DIV class=hd><H3><span>热卖推荐(放大展示)</span></H3></DIV><DIV class=bd><DIV class=custom-area><DIV style="TEXT-ALIGN: center; MARGIN-TOP: 12px; HEIGHT: 495px; FONT-SIZE: 12px"><ul style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><li style="WIDTH: 162px; FLOAT: left; MARGIN-LEFT: 14px"><DIV style="HEIGHT: 167px"><DIV style="BORDER-BOTTOM: #e0e0e0 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 160px; HEIGHT: 160px; OVERFLOW: hidden; BORDER-TOP: #e0e0e0 1px solid; BORDER-RIGHT: #e0e0e0 1px solid" class="ziguang-game8-pic ziguang-a10"><img border=0 src="/imgextra/i3/751105631/T2538bXbRNXXXXXXX X_!!751105631.jpg" width=160 height=160 data-attr-replace="[{'type':'src','desc':'1. 第一个宝贝小图图片地址(尺寸为310*310像素)'}]"><DIV class="J_TWidget hidden" data-widget-config="{'trigger':'.ziguang-a10','align':{'node':'.ziguang-a10','offset':[0,0] ,'points':['cc','cc']}}" data-widget-type="Popup"><DIV class=ziguang-tanchu-pic><A href="/item.htm?id=175********&" target=_blank data-attr-replace="[{'type':'href','desc':'1.第一个宝贝详情页链接地址'}]" data-thumb="/imgextra/i3/T2.UJOXfxXXXXXXXXX-69 2656120.gif"><img border=0 src="/imgextra/i3/751105631/T2538bXbRNXXXXXXX X_!!751105631.jpg" data-attr-replace="[{'type':'src','desc':'1. 第一个宝贝大图图片地址(尺寸为310*310像素)'}]"></A></DIV></DIV></DIV></DIV><DIV style="HEIGHT: 42px" data-attr-replace="[{'type':'innerHTML','desc':'1. 第一个宝贝标题'}]" data-thumb="/imgextra/i2/T27.JOXfJXXXXXXXXX-69 2656120.gif">此为宝贝标题,请手动输入相关信息</DIV><DIV style="TEXT-ALIGN: left; LINE-HEIGHT: 24px; PADDING-LEFT: 70px; FONT-FAMILY: georgia; BACKGROUND: url(/imgextra/i1/T1QIu8XchqXXXi2qbB-848409893.jpg) no-repeat 11px 5px; COLOR: #c00000; FONT-SIZE: 12pt; font-weight: bold"data-attr-replace="[{'type':'innerHTML','desc':'1. 第一个宝贝价格'}]" data-thumb="/imgextra/i3/T2voNOXehXXXXXXXXX-6 92656120.gif">298.00元</DIV></li><li style="WIDTH: 162px; FLOAT: left; MARGIN-LEFT: 14px"><br><DIV style="HEIGHT: 167px"><DIV style="BORDER-BOTTOM: #e0e0e0 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 160px; HEIGHT: 160px; OVERFLOW: hidden; BORDER-TOP: #e0e0e0 1px solid; BORDER-RIGHT: #e0e0e0 1px solid" class="ziguang-game8-pic ziguang-a11"><img border=5 src="/imgextra/i3/751105631/T2icxKXexcXXXXXXXX _!!751105631.jpg" width=160 height=160 data-attr-replace="[{'type':'src','desc':'5. 第二个宝贝小图图片地址(尺寸为310*310像素)'}]"><DIV class="J_TWidget hidden" data-widget-config="{'trigger':'.ziguang-a11','align':{'node':'.ziguang-a11','offset':[0,0] ,'points':['cc','cc']}}" data-widget-type="Popup"><DIV class=ziguang-tanchu-pic><A href="/item.htm?id=14900021738" target=_blank data-attr-replace="[{'type':'href','desc':'5. 第二个宝贝详情页链接地址'}]" data-thumb="/imgextra/i3/T2.UJOXfxXXXXXXXXX-69 2656120.gif"><img border=0 src="/imgextra/i3/751105631/T2icxKXexcXXXXXXXX _!!751105631.jpg" data-attr-replace="[{'type':'src','desc':'5. 第二个宝贝大图图片地址(尺寸为310*310像素)'}]"></A></DIV></DIV></DIV></DIV><DIV style="HEIGHT: 42px" data-attr-replace="[{'type':'innerHTML','desc':'5. 第五个宝贝标题'}]" data-thumb="/imgextra/i2/T27.JOXfJXXXXXXXXX-69 2656120.gif">此为宝贝标题,请手动输入相关信息</DIV><DIV style="TEXT-ALIGN: left; LINE-HEIGHT: 24px; PADDING-LEFT: 70px; FONT-FAMILY: georgia; BACKGROUND: url(/imgextra/i1/T1QIu8XchqXXXi2qbB-848409893.jpg) no-repeat 11px 5px; COLOR: #c00000; FONT-SIZE: 12pt; font-weight: bold" data-attr-replace="[{'type':'innerHTML','desc':'5. 第二个宝贝价格'}]" data-thumb="/imgextra/i3/T2voNOXehXXXXXXXXX-6 92656120.gif">298.00元</DIV></li><li style="WIDTH: 162px; FLOAT: left; MARGIN-LEFT: 24px"></li></ul></DIV><DIV style="TEXT-ALIGN: left; HEIGHT: 10px"></DIV></DIV></DIV></DIV></DIV>店铺装修模板放大镜效果教程1、进入“店铺装修”2、在“店铺装修”页面的点击左侧下面或右侧下面“在此处添加新模板”进入“添加模块”窗口,选择“自定义内容区”点击“添加”3、在添加好的“自定义内容区”点击编辑“编辑HTML源码”(此处新版和旧版有所不同)4、单击后其它按钮为灰色状态,然后粘贴“放大镜效果模板代码”,、5、修改代码(3处)第一处见红字部分:改为你的第一个宝贝小图图片地址(尺寸为310*310像素)第二处见红字部分:改为你的第一个宝贝详情页链接地址第三处见红字部分:改为你的第一个宝贝大图图片地址(尺寸为310*310像素)5、OK,修改完毕,如此类推,每二个宝贝的修改方法6、发布后,效果如下:。
淘宝团购模版至px版本效果<DIV class=bd><DIV class=custom-area><DIV align=left><A></A>&nbsp;</DIV><TABLE border=0 cellSpacing=0 cellPadding=0 width=750 align=center height=416><TBODY><TR><TD height=420 vAlign=top background=/imgextra/i4/T2diteXcpNXXXXXXXX-59989139.png width=750><TABLE border=0 cellSpacing=0 cellPadding=0 width="100%"><TBODY><TR><TD height=73 vAlign=top colSpan=5>&nbsp;</TD></TR><TR><TD height=230 vAlign=top colSpan=2><DIV class=juhuasuan align=center><FONT style="FONT-SIZE: 12px" color=#000000><A href="/item.htm?id=10372939876" target=_blank><IMG border=0 alt="" src="/imgextra/i2/351877342/T2thxnXbpM XXXXXXXX_!!351877342.jpg"></A></FONT></DIV>& lt;/TD><TD vAlign=top width=258><DIV class=juhuasuan align=center><FONT style="FONT-SIZE: 12px" color=#000000><A href="/item.htm?id=10373054380&frm=& quot; target=_blank><IMG border=0 alt="" src="/imgextra/i1/351877342/T2KABJXkpX XXXXXXXX_!!351877342.jpg"></A></FONT></DIV>& lt;/TD><TD vAlign=top colSpan=2><DIV class=juhuasuan align=center><FONT style="FONT-SIZE: 12px" color=#000000><A href="/item.htm?id=10372832346&frm=& quot; target=_blank><IMG border=0 alt="" src="/imgextra/i4/351877342/T22g4JXeVa XXXXXXXX_!!351877342.jpg"></A></FONT></DIV></TD></TR><TR><TD vAlign=top rowSpan=4 width=24>&nbsp;</TD><TD height=61 vAlign=top colSpan=3><TABLE border=0 width="100%"><TBODY><TR><TD height=54 width=100><P align=center>&nbsp;<FONT style="FONT-SIZE: 18pt"><STRONG style="FONT-FAMILY: tahoma; COLOR: #ffffff">¥199</STRONG></FONT></P></TD> <TD width=143><DIV align=center><A href="/item.htm?id=10526708434&ali_refi d=a3_420434_1006:1103505619:6:%CD%C5%B9%BA%C4%A3%B0%E5:e01a0 7ca4893c3ca8d64c3693b696bfa&ali_trackid=1_e01a07ca4893c3ca8d64c 3693b696bfa#" target=_blank><IMG border=0 src="/imgextra/i1/T2xphHXmpaXXXXXXXX-59989139.gif" width=120 height=40></A></DIV></TD><TD style="FONT-SIZE: 18pt" width=100><FONT style="FONT-FAMILY: tahoma; COLOR: #ffffff; FONT-SIZE:18pt">&nbsp;<STRONG>¥49</STRONG></FONT></TD><TD width=143><A href="/item.htm?id=10526708434&ali_refi d=a3_420434_1006:1103505619:6:%CD%C5%B9%BA%C4%A3%B0%E5:e01a0 7ca4893c3ca8d64c3693b696bfa&ali_trackid=1_e01a07ca4893c3ca8d64c 3693b696bfa#" target=_blank><IMG border=0 src="/imgextra/i1/T2xphHXmpaXXXXXXXX-59989139.gif" width=120 height=40></A></TD><TD style="COLOR: #ffffff" width=100><STRONG><FONT style="FONT-FAMILY: tahoma; FONT-SIZE: 18pt">&nbsp;¥49</FONT></STRONG></TD><TD width=90><DIV align=center><A href="/item.htm?id=10526708434&ali_refi d=a3_420434_1006:1103505619:6:%CD%C5%B9%BA%C4%A3%B0%E5:e01a0 7ca4893c3ca8d64c3693b696bfa&ali_trackid=1_e01a07ca4893c3ca8d64c 3693b696bfa#" target=_blank><IMG border=0 src="http://img01/imgextra/i1/T2xphHXmpaXXXXXXX X-59989139.gif" width=80 height=40></A></DIV></TD></TR></TBODY>&l t;/TABLE></TD><TD vAlign=top rowSpan=4 width=19>&nbsp;</TD></TR><TR><TD height=17 vAlign=top colSpan=3>&nbsp;</TD></TR><TR><TD height=24 vAlign=top colSpan=3><TABLE border=0 width="100%"><TBODY><TR><TD height=21 width=56><DIV align=center><FONT style="FONT-SIZE: 12px" color=#000000>399</FONT></DIV></TD><TD width=70><DIV align=center><FONT style="FONT-SIZE: 12px" color=#000000>4.9折</FONT></DIV></TD><TD width=60><DIV align=center><FONT style="FONT-SIZE: 12px" color=#000000>200元</FONT></DIV></TD><TD width=50>&nbsp;</TD><TD width=56><DIV align=center><FONT style="FONT-SIZE: 12px" color=#000000>69元</FONT></DIV></TD><TD width=70><DIV align=center><FONT style="FONT-SIZE: 12px" color=#000000>7.1折</FONT></DIV></TD><TD width=60><DIV align=center><FONT style="FONT-SIZE: 12px" color=#000000>20元</FONT></DIV></TD><TD width=50>&nbsp;</TD><TD width=56><DIV align=center><FONT style="FONT-SIZE: 12px" color=#000000>79元</FONT></DIV></TD><TD width=70><DIV align=center><FONT style="FONT-SIZE: 12px" color=#000000>6.2折</FONT></DIV></TD><TD width=60><DIV align=center><FONT style="FONT-SIZE: 12px" color=#000000>30元</FONT></DIV></TD></TR></TBODY></TABLE& gt;</TD></TR><TR><TD height=10 vAlign=top colSpan=3>&nbsp;</TD></TR><TR><TD height=1></TD><TD width=221></TD><TD></TD><TD width=228></TD><TD></TD></TR></TBODY></TABLE></TD>&l t;/TR></TBODY></TABLE></DIV></DIV><DIV id=J_Detail class="tshop-psm tb-box"><DIV id=reviews class=J_DetailSection data-reviewApi="/detail_rate.htm?userNumId=3 51877342&auctionNumId=10526708434&showContent=1&cur rentPage=1&ismore=0&siteID=3"data-reviewCountApi="">&nbsp;</DIV></DIV>。