平铺海报代码

㈠ 淘宝首页1920大图代码怎么做

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="http://img01.taobaocdn.com/imgextra/i1/1074074406/TB2L_xWcXXXXXcGXXXXXXXXXXXX_!!1074074406.jpg" width="1920px" height="500px" border="0" /> </a>
</div>
</div>
</div>
注：由于版式的原因，此处代码空格被消除了，如需完整代码，请自行网络搜索
7.注意,加粗字体处1为你刚刚上传图片的地址，在点击一张图片后，点击如下图按钮即可复制图片地址，加粗字体处2为你需要调节的该图片的高度，具体数字根据实际情况调节

注意事项
代码出加粗的地方，在使用时需要还原字体，
搜索的图片宽度一定要为1920px 否则在后期显示时会出现很多问题

㈡ 全屏海报代码生成器 我在MD上弄好淘宝全屏的背景950图片 怎么弄代码 这个是什么软件标志呢

有一个叫阿灰猿的淘大讲师，他自己做的一个插件比这个还好，不过花钱的，你搜一下吧

㈢ 淘宝全屏大海报代码怎么做我是指鼠标移过去会自动显现出另一张图的那种~~感觉很高档~~如图

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

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

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

㈣ 用DW做出来的图片代码怎么做淘宝大屏图片 1920x500的哦 求代码

<div style="height:600px;">
<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="#" style="width:1920px;height:600px;display:block;" target="_blank"> <img alt="全屏海报" border="0" src="图片网址" /></a></div>
</div>
</div>
这是我找到的全屏海报的代码，宽和高都可以改成你说的1920*500的。谢谢采纳。

㈤ 淘宝卖家装修首页，怎么可以弄免费的全屏宽图，用代码

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

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

㈥ 求单张淘宝首页全屏海报代码

我有一个，贴在上面发给你。希望采纳。淘宝的全屏不轮播海报代码回“
<div
style="height:600px;">
<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="#"
style="width:1920px;height:600px;display:block;"
target="_blank">
<img
alt="全屏海答报"
border="0"
src="图片网址"
/></a></div>
</div>
</div>

㈦ 求淘宝全屏海报DW代码，以下是我的代码和做出来的效果，左边留白，然后左侧模块为什么覆盖在图片上

看你把全屏代码放在右侧模块里，是不是基础版旺铺？

基础版旺铺因为没有通栏，所以只能将代码放在右侧栏，全屏代码可以使自身突破包含它的自定义模块，但对其他模块的位置不会产生影响，原来模块在什么位置还是在什么位置。

所以需要你在左侧栏的对应位置也要添加一个自定义模块，这个模块用来占位，里面放一个高度与右侧全屏代码高度一样的空容器即可，注意，这个模块的位置要调整到与右侧模块相对应的位置，即在同一水平位置上。

经过如上的操作，左侧栏的其他模块应该被撑开了，但是这个占位的自定义模块仍旧显示在全屏图片的前面，那么，下一步就是要让全屏图片显示在前面，去盖住这个占位的自定义模块。那么就在<div class="footer-more-trigger" style="width:1920px;height:500px;padding:0px;border:none;left:-960px;">这行代码里的style里添加一个z-index属性，属性值这里设9应该足够了。添加以后应该是这样：<div class="footer-more-trigger" style="width:1920px;height:500px;padding:0px;border:none;left:-960px;z-index:9;">。这样全屏图片就显示在前面了，盖住占位的自定义模块。

另外还要说一下这个left:-960px，你全屏代码放在右侧栏就不是-960了。第一次向右偏移50%，这个50%是以父容器宽度来计算的，所以第一次偏移了750*50%=375，加上左侧栏的190px和10px间距，是575，而通栏宽度是950（左侧栏190+间距10+右侧栏750），也就是说475才是中间点。所以第一次偏移50%以后，全屏图片的左边对应的位置是中间偏右100px的位置。那么第二次向左偏移时就应该算上这100px，应该是1920/2+100=1060。所以这个 left:-960px 应该改成 left:-1060px。不知道这样子你能不能理解，画了张简单的说明图，希望能看得明白。

如果不能理解，可以继续追问。

㈧ 求解淘宝店铺全屏海报图片轮播css代码

<div class="J_TWidget mypoper" data-widget-config="{'effect': 'fade','circular': true ,'contentCls':'sj-t','navCls':'sj-n','autoplay':'true'}" data-widget-type="Tabs" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;height:600px;overflow:hidden;padding-top:0px;">
<div class="sj-t">
<div class="J_TWidget" data-widget-config="{'contentCls': 'sj-content','navCls': 'sj-n','triggerType': 'click','effect': 'fade','steps': 1,'autoplay': true,'circular': true ,'prevBtnCls':'prev','nextBtnCls':'next'}" data-widget-type="Carousel">
<div class="pa2">
<div class="J_TWidget" data-widget-config="{'trigger':'.sj-content', 'align':{'node':'.mypoper', 'offset':[0,0], 'points':['cl','cl'] } }" data-widget-type="Popup" style="width:950px;display:none;">
<div class="ks-contentbox" style="padding-bottom:0px;margin:0px;padding-left:0px;width:950px;padding-right:0px;padding-top:0px;left:0px;">
<div class="prev" style="float:left;margin-left:50px;">
<img class="J_TWidget" data-ks-lazyload="" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" style="height:1px;width:1px;" /></div>
<div class="next" style="float:right;margin-right:50px;">
<img class="J_TWidget" data-ks-lazyload="" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" style="height:1px;width:1px;" /></div>
</div>
</div>
<ul class="sj-content" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:600px;overflow:hidden;padding-top:0px;">
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:600px;padding-top:0px;left:-250px;">
<a target="_blank"><img data-ks-lazyload="
图片地址" /></a></li>
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:440px;padding-right:0px;height:600px;padding-top:0px;left:-250px;">
<a target="_blank"><img data-ks-lazyload="
图片地址" /></a></li>
</ul>
</div>
<div style="width:1920px;display:none;height:0px;overflow:hidden;">
<ul class="sj-t" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:50px;padding-top:0px;">
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:315px;padding-right:0px;background:black;float:left;height:600px;padding-top:0px;">
</li>
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:315px;padding-right:0px;background:#F8C;float:left;height:8600px;padding-top:0px;">
</li>
</ul>
</div>
<ul class="sj-n" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;display:none;height:1px;padding-top:0px;">

单词解释： width:1440px 这个是图片宽度，亲们可以自己设置多少。
height:600px 这个是图片高度，也是亲们自己设置。
left:-250px 这个是水平位置，图片插入进去没居中的，亲们就慢慢增加或者减少数字，就可以调到居中的哈。有什么问题再密我。