1、关于淘宝基础版通栏店招的制作:1、首先你要知道淘宝的通栏是1920*150PX的一个店招。2、你要用PS或者其它做图软件制作出一个1920*150PX尺寸的图片。 如下图1所示:3、制作完成后,你需要进入淘宝卖家中心——店铺装修——导航栏设置——显 示设置。 如下图2所示:4、将你制作好的图片上传到图片空间,获取图片在图片空间的链接。 如下图3所示:5、将图片链接插入到以下代码: body{background:url(图片地址) no-repeat center top;} 然后将以下代码插入到3步骤导航显示设置里面,即可实现全屏店招。
2、关于淘宝基础版全屏海报的制作:1、首先你要知道淘宝的全屏海报尺寸是:1920*600(长度不限制)PX的一个 图片。2、将你制辑湃形傥作好的图片上传到图片空间,获取图片在图片空间的链接。3、将你的图片插入到以下代码中: <div class="J_TWidget" data-widget-config="{"effect": "fade", "circular": true ,"contentCls":"taobaoux"}" data-widget-type="Tabs" style="height:500px;overflow:hidden;"> <div class="taobaoux" style="height:500px;"> <div class="footer-more-trigger" style="width:1920px;height:500px;top:auto;padding:0px;border:none;left:50%;"> <div class="footer-more-trigger" style="width:1920px;height:500px;padding:0px;border:none;left:-960px;"> <div data-widget-config="{"contentCls": "taobaoux-com","navCls": "bbs-taobaoux-com","effect": "scrollx","easing": "easeOutStrong","prevBtnCls":"prev1920","nextBtnCls":"next1920","autoplay": true,"viewSize":[1920],"circular": true}" data-widget-type="Carousel" class="J_TWidget"> <div style="height:500px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920"> <ul class="taobaoux-com" style="height:500px;width:1920px;padding:0px;margin:0px;"> <li style="width:1920px;height:500px;padding:0px;margin:0px;"> <a target="_blank" href="你的链接地址" style="padding:0px;margin:0px;"> <img src="你的图片" width="1920px" height="500px" border="0px" /></a> </li> </ul> </div> </div> </div> </div> </div></div>4、在淘宝店铺装修里面,添加自定义模块。 如下图所示:5、在自定义模块里面点击编辑——源码编辑 如下图所示:6、将步骤3的代码插入到步骤5里面,点击确定,预览即可看到效果。
3、关于淘宝基础版950PX宝贝推荐的制作:踊辽嚏囱此时应该准备工具为:PS dreamweaver1、用PS制作一个950*1200PX尺寸的图片,然后将你的宝贝图片按照宝贝推荐 的样式P到你的这张图片上去。2、使用PS切片工具将这张图片切片,切片时候要给单独的宝贝切片添加宝贝地 址,如下图:3、切好图片后,然后点击PS左上角的 文件——储存为web所有格式。然后将 保存的html文件 插入到以下代码中: <div style="height: 高度px"> <div style="border-bottom: medium none; border-left: medium none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; border-top: medium none; top: auto; border-right: medium none; padding-top: 0px; left: -200px" class=footer-more-trigger> <div style="width: 950px; overflow: hidden">代码粘贴区域</div></div></div>4、在淘宝店铺装修里面,添加自定义模块。 在自定义模块里面点击编 辑——源码编辑——将代码插入即可实现。