淘宝男装海报代码-淘宝全屏背景代码

1.首先,你需要根据你售卖的商品,在晚上寻找一张合适的图片,如图,在百度上搜索“淘宝1920海报”,选择宽度为1920px的图片并保持至桌面

2.然后利用,

美图秀秀

对图片进行处理,添加想要的文字,消除多余的图片,添加新图片(这里就不详细解说了),然后将图片上传至淘宝的图片空间备用

3.点击“添加模块”按钮,添加一个自定义模块区

4.在点击自定义模块区的“编辑”按钮,进入编辑对话框,点击如下图所示的按钮

5.在弹出的对话框中,找到你刚刚上传的图片,并点击“插入”按钮

6.插入后,点击如下图所示按钮,并在对话框中输入全盘海报的代码,代码如下:

<div style="height:550px;">

<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 target="_blank"> <img src="

!!" width="1920px" height="500px" border="0" /> </a>

</div>

</div>

</div>

注:由于版式的原因,此处代码空格被消除了,如需完整代码,请自行百度搜索

7.注意,加粗字体处1为你刚刚上传图片的地址,在点击一张图片后,点击如下图按钮即可复制图片地址,加粗字体处2为你需要调节的该图片的高度,具体数字根据实际情况调节

注意事项

代码出加粗的地方,在使用时需要还原字体,

搜索的图片宽度一定要为1920px 否则在后期显示时会出现很多问题

一般来说想要做全屏海报我们做的都是1920*500的大图。下面是淘宝店铺全屏海报的代码。具体添加方法是:店铺装修-添加自定义模块-代码模式,然后将尺寸高度和图片连接替换即可。

<div style="height:海报高度px;">

<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;">

<!--可以HTML代码替换本区域 开始-->

<a href="链接地址" target="_blank">

<img src="海报在图片空间的地址" width="1920px" height="海报高度px" border="0" />

</a>

<!--可以HTML代码替换本区域 结束-->

</div>

</div>

</div>

红色的地方按照你的具体情况修改就行了,然后在添加的自定义模块里面黏贴到源代码那里就可以了,希望能帮到你!!!

代码:body{background:url(

!!) no-repeat center fixed;}

你也可以直接在装修里设置:样式管理--背景设置--页面设置