淘宝天猫全屏海报代码-淘宝首页1920大图代码怎么做

这个如果真实淘宝的话,实现起来很复杂,我给你做很不现实,这儿只提供给你单独显示一张的代码:

<div class="first-trigger">我只是个触点而已,把鼠标滑到我身上</div>

<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{

'trigger':'.first-trigger',

'align':{

'node':'.first-trigger',

'offset':[0,0],

'points':['cr','cc']

}

}">

<div style="background-color: yellow; height: 100px; width: 100px;">

我是一个弹出层

</div>

</div>

具体排版自己研究啦,要我做可以私密我!

c店1920全屏海报,代码用高度修改设置和编辑步骤:

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

<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.切设置好,预览没发现问题,就点击发布。

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 否则在后期显示时会出现很多问题