Ⅰ 淘宝店铺全屏海报为啥显示不完整
换代码吧,这种情况一般是代码出了问题。给你提供三种代码,亲测可用。可淘宝参观:李小雨的跳蚤市场。
<div style="height:500px;">
<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:500px;display:block;">
<img src="#" border="0" alt="全屏海报" /></a>
</div>
</div>
</div>
上面是宽度为1920的全屏海报代码,高度自设,只需将代码中的#改为你的图片链接地址,两处500改为你的图片高度。
<div style="height:500px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-840px;top:auto;border:none;padding:0;">
<a href="#" target="_blank" style="width:1680px;height:500px;display:block;">
<img src="#" border="0" alt="全屏海报" /></a>
</div>
</div>
</div>
上面是宽度1680的,方法和1920一样。
<div style="height:500px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-720px;top:auto;border:none;padding:0;">
<a href="#" target="_blank" style="width:1440px;height:500px;display:block;">
<img src="#" border="0" alt="全屏海报" /></a>
</div>
</div>
</div>
上面是1440的,方法一样。
以上三种代码适合淘宝C店,亲测可用,可参观:李小雨的跳蚤市场。
天猫商城全屏海报用以下代码:
<div style="height:500px;">
<div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
<div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
<a href="#" style="width:1920px;height:500px;display:block;" target="_blank">
<img alt="全屏海报" border="0" src="#" /></a>
</div>
</div>
</div>
宽度1920,高度两处500改成自己图片的宽度,#改为图片链接地址即可。
Ⅱ 淘宝卖家装修首页,怎么可以弄免费的全屏宽图,用代码
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.切设置好,预览没发现问题,就点击发布。
Ⅲ 淘宝首页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 否则在后期显示时会出现很多问题
Ⅳ 淘宝突破自定义模块的990px的限制。制作1920px 的方法
这是天猫的限制,自定义只能是990宽,我试过很多全屏代码都没有理想的效果,尤内其是想添加热点,更麻烦。
我现容在摸索出两个解决办法:一、购买装修模板,我找过,不多,只有一两个可以满足自定义全屏功能,其实也是轮播模块,但是这个模块可以添加自定义代码,这样就可以用DW做好热点图,直接上代码就可以了,它的缺点就是修改比较麻烦,还要配合其他设置一起进行;
二、用背景+自定义的方式完成全屏,但背景图片不宜过大。
Ⅳ 淘宝C店首页如何做1920的全屏首页,而且能加热点连接的
做法以及步骤:
1、将做好的店招上传至淘宝的图片空间,再进入“店铺装修”,点击店专招“编辑”按钮进属入编辑页面,点击“插入 图片空间图片”按钮,插入刚刚上传的图片。
Ⅵ 求天猫全屏图片1920 代码 ---不要轮播的,谢谢
提问者采纳
<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:500px;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:1920px;padding-right:0px;height:500px;overflow:hidden;padding-top:0px;">
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;left:-485px;">
<a target="_blank"><img data-ks-lazyload="轮播图地址1" /></a></li>
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;left:-485px;">
<a target="_blank"><img data-ks-lazyload="轮播图地址2" /></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:1920px;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:500px;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:500px;padding-top:0px;">
</li>
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:315px;padding-right:0px;background:#F1C;float:left;height:500px;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;">
首先保证你的图片尺寸是1920的,装修的时候用IE,然后把图片地址替换进我给你的代码里,粘贴进自定义内容区,完后图片是显示不了的(因为某些限制),想看效果,点预览。。。
Ⅶ 大神,求天猫海报全屏代码,有吗
貌似这样可以!大家互相学习下!!
代码如下:
<div style="height:550px;">
<div
class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
<div
class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
<a
href="#" style="width:1920px;height:550px;display:block;"
target="_blank">
<img alt="全屏海报" border="0"
src="全屏海报链接地址(1920*550像素的海报)"
/>
</a>
</div>
</div>
</div>