淘宝首页海报怎么做?淘宝首页的全屏海报装修方法

1、打开记事本把这代码复制粘贴在内做准备，也可用直接店铺装修的自定内容区。为了更好的看效果这用记事本。

<div style="height:600px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;">

<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">

<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">

<a href="连接地址" target="_blank" style="width:1920px;height:600px;display:block;"> <img src="图片链接地址" style="border:none;" /></a>

</div>

</div>

</div>

2、现在修改代码链接地址，到卖家中心复制商品链接地址粘贴覆盖链接地址。再到空间复制海报链接地址覆盖图片链接地址，复制好待用，效果如图。

3、进入店铺装修添加个自定义内容区。

4、添加完成后点击编辑，在显示标题选择不显示。点击<>编辑源代码，将复制好的代码粘贴里面，点击确定完成。

5、最后再介绍一下代码位置与修改。海宽用1920px。高度400到600像素不等。修改代码高要和海报图片一样。

6、再看一下自定义内容区高度设置效果对比。

7、一切设置好，预览没发现问题，就点击发布。

（1）进入PS。

（2）点击文件新建。

（3）输入名称设置主图宽度高度等信息点击确定。

（4）点击文件打开。

（5）选择产品图片点击打开。

（6）键盘按ctrl+A全选图片、按ctrl+C复制图片。

（7）点击主图文件。

（8）键盘按ctrl+V把产品图粘贴到新建的主图上。

（9）点击左侧T文字工具或者其他工具。

（10）点击主图。

（11）使用ps工具DIY主图信息。

（12）编辑完成点击文件。

（13）点击存储为web和设备所用格式。

（14）选择图片设置。

（15）点击存储。

（16）选择存储位置。

（17）点击保存。

（18）主图制作存储完成。

装修方法步骤如下：
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>