关于如何制作淘宝店1920像素轮播全屏图的技巧!

 时间:2024-11-08 20:40:47

一稍僚敉视个简约大气全屏的店招会给您的店铺一个不错的视觉效果,给买家一种高端大气上档次的感觉,以下将给大家讲解一下1920全屏店招的制作过程,让您的店铺在海量的店铺中脱颖而出。

工具/原料

一台能上网的电脑

淘宝专业版

方法/步骤

1、在卖家中心装修店铺首页中,新建一个950的自定义区模块。复制下面的代码,然后粘贴到自定义区中。

2、<divstyle="height:600px;"咯悝滩镞class="QdotCode"> <divcl锾攒揉敫ass="footer-more-triggermost-footerQdotpstGUIX2f"style="border:none0;padding:0;background-color:transparent;width:1920px;height:600px;border:none;padding:0;top:auto;left:auto;"> <divclass="footer-more-triggermost-footerQdotpstGUIX2f"style="border:none0;padding:0;background-color:transparent;width:1920px;height:600px;left:-485px;top:0px;border:none;padding:0;overflow:hidden;"> <divclass="QdotlayerGUIX2f"style="height:600px;width:1920px;overflow:hidden;"> <divclass="QdotwrapGUIX2fJ_TWidget"data-widget-type="Carousel"data-widget-config="{&quot;effect&quot;:&quot;scrollx&quot;,&quot;easing&quot;:&quot;elasticIn&quot;,&quot;circular&quot;:true,&quot;interval&quot;:&quot;5&quot;,&quot;duration&quot;:0.5,&quot;autoplay&quot;:true,&quot;contentCls&quot;:&quot;QdotcontentGUIX2f&quot;,&quot;prevBtnCls&quot;:&quot;QdotprevGUIX2f&quot;,&quot;nextBtnCls&quot;:&quot;QdotnextGUIX2f&quot;}"style="height:600px;width:1920px;overflow:hidden;position:relative;"> <divclass="most-footerfooter-more-trigger"style="width:1920px;height:60px;border:none0;padding:0;background-color:transparent;z-index:80;left:auto;top:530px;"> &nbsp; </div> <ulclass="QdotcontentGUIX2fclearfix"style="top:0px;z-index:9;width:999999px;"> <listyle="list-style-type:none;margin:0px;padding:0px;width:1920px;height:600px;float:left;"> <atarget="_blank"href="http://item.taobao.com/item.htm?spm=a1z10.1-c.w5003-11210673885.1.z2kayr&amp;id=45734205471&amp;scene=taobao_shop"style="padding:0px;margin:0px;"><imgborder="0"src="//gdp.alicdn.com/imgextra/i2/1588011310/TB2IBTrcVXXXXaOXpXXXXXXXXXX_!!1588011310.jpg"height="600"width="1920"/></a> </li> <listyle="list-style-type:none;margin:0px;padding:0px;width:1920px;height:600px;float:left;"> <atarget="_blank"href="http://item.taobao.com/item.htm?spm=2013.1.1998246703.2.ym3yhw&amp;id=45734733822&amp;taskid=21460843&amp;scene=taobao_shop"style="padding:0px;margin:0px;"><imgborder="0"src="//gdp.alicdn.com/imgextra/i4/1588011310/TB2xRfOcVXXXXXuXXXXXXXXXXXX_!!1588011310.jpg"height="600"width="1920"/></a> </li> </ul> <divclass="most-footerfooter-more-trigger"style="width:950px;height:60px;z-index:90;top:270px;overflow:hidden;clear:both;border:none0;background:none;left:485px;"> <spanclass="QdotprevGUIX2fQdotpstGUIX2f"style="width:auto;border:none0;padding:0;background-color:transparent;float:left;cursor:pointer;"><imgdata-ks-lazyload="//gdp.alicdn.com/imgextra/i1/1588011310/TB2bC2ocVXXXXcrXpXXXXXXXXXX_!!1588011310.png"src="//gdp.alicdn.com/imgextra/i1/1588011310/TB2bC2ocVXXXXcrXpXXXXXXXXXX_!!1588011310.png"width="60"height="60"/></span><spanclass="QdotnextGUIX2fQdotpstGUIX2f"style="width:auto;border:none0;padding:0;background-color:transparent;float:right;cursor:pointer;"><imgdata-ks-lazyload="//gdp.alicdn.com/imgextra/i4/1588011310/TB2gXzscVXXXXaZXpXXXXXXXXXX_!!1588011310.png"src="//gdp.alicdn.com/imgextra/i4/1588011310/TB2gXzscVXXXXaZXpXXXXXXXXXX_!!1588011310.png"width="60"height="60"/></span> </div> </div> </div> </div> </div></div>

3、点击确定,发布。OK啦

PhotoShop图像处理基础操作:[6]绘制多边形 ps文档全部对齐怎样设置在哪里 如何ps迷彩字? AffinityPhoto怎样完成高低频磨皮? PS如何改变颜色相近区域的颜色
热门搜索
山茱萸图片 爆米花图片 肾结石图片 有意境的图片 壁咚图片