旺铺海报代码-淘宝宣传海报是多大???我用PS做海报

装修方法步骤如下:

1,进入装修后台的图片空间,将你选择要轮播的海报上传上去。

2,打开之前在网上下载的那段轮播海报代码。

选择编辑——替换,将原代码中的500全部替换为海报高度,然后将这段代码复制下来。

3,进入店铺装修页面,在主屏的第一屏海报位置新建一个自定义页面,点击,切换到代码模式。

4,将之前复制的那段代码黏贴上去。找到代码中的图片链接部分。

5,再次进入图片空间,将大图海报的链接地址复制下来。替换到原来的代码的图片链接位置。

6,代码都改完之后,按回到图片模式,这时候会发现什么图都看不到。不用担心,点击预览或者发布,就能看到全屏轮播海报效果啦。

附上全屏轮播海报代码:

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'piao1365065449925fu'}" data-widget-type="Tabs">

<div class="piao1365065449925fu" style="height: 500px;">

<div class="J_TWidget" data-widget-config="{

'contentCls': 'slide-kun1365065449925content',

'triggerCls': 'slide-kun1365065449925triggers',

'navCls': 'slide-kun1365065449925triggers',

'triggerType': 'mouse',

'effect': 'scrollx',

'prevBtnCls':'prev',

'nextBtnCls':'next',

'steps': 1,

'autoplay': true,

'viewSize':[1920],

'circular': true

}" data-widget-type="Carousel" style="margin: 0px; padding: 0px; left: -180px; top: 0px; width: 1920px; z-index: 10;">

<div class="J_TWidget" data-widget-config="{'trigger':'.first1365065449925trigger','align':{'node':'.first1365065449925trigger','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display: none;">

<div class="prev" style="width: 90px; height: 90px; float: left;">

<img data-ks-lazyload="

!!" /></div>

<div class="next" style="width: 90px; height: 90px; margin-left: 950px;">

<img data-ks-lazyload="

!!" /></div>

</div>

<div class="first1365065449925trigger" style="margin: 0px; padding: 0px; width: 1920px; height: 500px; overflow: hidden;">

<ul class="slide-kun1365065449925content" style="margin: 0px; padding: 0px; width: 1920px; height: 500px;">

<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">

<a href="

/?&&scene=taobao_shop

" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="

!!" height="500" width="1920" /></a></li>

<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">

<a href="

/?&&scene=taobao_shop

" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="

!!" height="500" width="1920" /></a></li>

<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">

<a href="

/?&&scene=taobao_shop

" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="

!!" height="500" width="1920" /></a></li>

<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">

<a href="

/?&&scene=taobao_shop

" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="

!!" height="500" width="1920" /></a></li>

</ul>

</div>

<ul class="slide-kun1365065449925triggers" style="margin: 0px; padding: 0px; display: none;">

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

</div>

</div>

1 、普通店铺店标尺寸:100*100px <=80k

2、旺旺名片/头像尺寸:120*120px <=100k

3、宝贝图片尺寸:500*500px <=120k

4、旺铺店招尺寸:950*150px <=80k

5、旺铺促销区海报尺寸:宽度<=735px,高度无限制

6、旺铺宝贝描述海报尺寸:宽度<=722px(窄),宽度<=922px(宽),高度随意。普通店铺的宝贝描述尺寸大小没有什么限制,但考虑到显示器的显示尺寸,应掌握在1000PX以下。

7、宝贝分类也海报大小:宽度<=160,高度随意。

1、找一张你希望做成海报的图片,宽度1920px,高度自定义;

2、把这张图片放进PHOTOSHOP中使用参考线辅助切片。如下图:

分别切出页面背景+导航栏高度图片一张;一般这个高度是115px;导航栏高度是30px;

页面背景一张;

第一栏自定义背景图片一张;这张图片的宽度是950px,高度自定义;

3、把切好的图片分别在保存好,打开店铺装修-样式编辑,可以看到页头背景和页面背景的上传入口。把你做好的页头背景(含导航栏背景),页面背景图片分别上传;不需要进行对齐设置,如果想设置,可以选择居中、不平铺;

4、编辑导航栏,如果你是全屏海报,不希望导航栏影响整体效果,可以使用透明导航栏代码。这个代码在我的百度空间大神之眸中就有,copy走就可以直接使用;

5、第一栏自定义背景用于制作商品链接等等;例如下图:

把第一栏自定义背景图片放入你的淘宝相册;

使用photoshop制作图片和DW制作代码就可以了;这个很容易实现;

把制作好代码的第一栏自定义代码放入店铺装修,第一栏自定义模块的代码编辑器中保存;

6、这样完整的含页头背景(含导航栏背景)、页面背景、第一栏自定义模块背景的样式就已完成。也就是巨幅海报;

这张图片的高度并无限制,但最好不要选择太大,一般高度在480px-600px就可以了。因为太大的图片显示速度会非常慢;

这是不太难的事情,可以弄得了。