2017年会 -->
淘宝全屏店招，自定义导航就是这么简单！看到别人店铺那种高大上的全屏店招和自定义导航是不是很羡慕？可是自己还不会做？怎么办？下边小编就把这个方法跟大家共享，一下全是小编手打自创，如有看不懂或者不明白的可以加小编个人公众号电商美工微信：mg1888666前提是你要会PS哦！第一步：打开PS新建一个1920像素*150像素的文件.第二步：做好你的店招和自定义导航。可以随心所欲的做，比如在店招上加代金券热销产品，都可以！这是小编双12做的一个店招。第三步：把你做好的店招先存成JPG格式，先不去管它，然后再把源文件裁剪成990像素*150像素大小（这个尺寸是天猫的，淘宝C店的尺寸是950*150）。这是裁剪之后的大小。然后保存！第
四步：打开店铺后台图片空间图片上传。把你裁剪之后的那个店招上传到图片空间（990*150的,）然后复制这个图片代码，而不是链接。复制好之后，
这里就需要你有另外一个软件了，就是Dreamweaver，简称DW。这个软件是给你店招自定义导航加连接的。新建一个HTML。然后点左上角的“拆分”这样是为了看着方便！然后把里面的代码全部删掉，不要！第五步：把你刚才复制的图片代码粘贴到最上边空白处，然后点击下边的空白处。红框标注的地方随意点一下，图片就会在下方显示。如下图。第六步：找到软件最下边，属性栏里的一个长方形图标，然后在图片上按住鼠标不放慢慢拉动，就会出现一个半透明的东西，这个叫做热点。如下图。第七步：弄好热点之后，就可以加链接了，第一个是首页，所以就去店铺首页复制链接，粘贴在软件最下边的链接栏里，链接栏里的“#”不要。“链接"下边的"目标"选项的第一个是新窗口打开。如下图。这样就把首页的链接加上了，其他的链接也是这个步骤。第八步：链接全部弄好之后，回到后台，打开，然后编辑店招，选择自定义招牌，下边的高度设置150PX，如下图。设置好之后，把DW里做好的代码复制一下。第九步：复制好代码回到店铺装修，点一下店招里的"& &"这个符号，把代码粘贴进去。如下图。然后保存，一个990的店招就出来了。第十步：点击装修样式管理背景设置上传图片，设置如下图。传好之后保存即可。预览一下有没有问题，没问题就可以发布了。如果有的朋友不想要用DW加连接，就去掉导航部分，把店招做成的！会了这个方法，你就可以随心所欲的做自己想要的店招，比如这样发挥你的想象，尝试做不一样的店招吧！方法是不是很简单呢？如果您还有更简单的方法可以一起和小编交流哦！各位有什么不懂的也可以加小编微信公众号电商美工：mg1888666 与电商美工一起学习进步！
好文章，占个沙发慢慢学习！
好方法~支持！
嘿嘿，希望能帮助到你！
好文章，占个沙发慢慢学习！
过奖了 过奖了
希望能帮助到你！
好方法~支持！
有没有相关做海报的啊？
好！谢谢！学习了！
“如果有的朋友不想要用DW加连接，就去掉导航部分，把店招做成的！”不知怎么的，好像还只是显示990*120那一段，请教了！
基础版的不能设置背景怎么办。背景可以使用代码吗
为什么我也是这样弄，点进去不行
放到店招保存，去首页点就不行
这个专业版才可以实现全屏
@你关注的人或派友
亲，先登录哦！
请输入姓名：
请输入对方邮件地址：
您的反馈对我们至关重要！查看: 33263|回复: 47
淘宝基础版旺铺全屏1920轮播图片代码（包含950像素）测试可用
8排名1昨日变化主题帖子积分
马上注册，结交高手，学爆款技术，让你轻松玩做爆款。
才可以下载或查看，没有帐号？
谢谢淘巧网的淘友abb_bby给子雨和大家分享的，子雨测试过了在基础版旺铺也可以使用的，全屏1920轮播图片代码。子雨在源代码基础上增加了950像素的轮播代码，一起打包给各位淘友们下载使用。
想看效果的可以子雨的店铺：
QQ截图51.jpg (113.07 KB, 下载次数: 72)
淘宝基础版旺铺的全屏轮播代码效果图片
21:34 上传
使用的方法：
将代码添加在750自定义区中。
1920全屏轮播代码：
&div class=&J_TWidget& data-widget-config=&{'navCls':'hidden-nav','effect': 'fade', 'circular': true ,'contentCls':'bslide_IMiSX'}& data-widget-type=&Tabs&&
& & & & &div class=&bslide_IMiSX& style=&height:630px&&
& & & & & & &div style=&height:630width:1920left:-485top:0;& class=&J_TWidget& data-widget-config=&{'navCls':'scroller-nav','contentCls':'scroller-content','steps':1,'prevBtnCls': 'prev','nextBtnCls': 'next','disableBtnCls': 'disable',
'circular':true,
'effect':'scrollx',
'easing':'easeOut',
'duration':1.0,
'interval':'4',
'autoplay':true}& data-widget-type=&Carousel&&
& & & & & & & & & & & & &!--next/prev star--&
& & & & & & & & & & & & &div style=&display: width:950filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);opacity:0.5& class=&J_TWidget& data-widget-type=&Popup& data-widget-config=&{'trigger':'.bslide_IMiSX','align':{'node':'.bslide_IMiSX','offset':[0,0],'points':['cc','cc']}}&&
& && && && && & &span class=&prev J_TWidget& style=& cursor:float:display: width:59 height:59 background:url(http://img01.taobaocdn.com/imgextra/i1//TB2LbiMXVXXXXb8XXXXXXXXXXXX-.gif) no-&&&/span&
& && && && && & &span class=&next J_TWidget& style=& cursor:float:display: width:59 height:59 background:url(http://img01.taobaocdn.com/imgextra/i1//TB2LbiMXVXXXXb8XXXXXXXXXXXX-.gif) no-repeat right 0;&&&/span&
& && && && &&/div&
& && && && &&!--next/prev end--&
& & & & & & & & & & & &
& && && && &&div class=&scroller& style=&width:1920 height:600 overflow:hidden&&
& && && && && & &ul class=&scroller-content&&
& & & & & & & & & & & & & & & & & & & & &li style=&width:1920height:600 overflow:border:background:#FFF;margin:0;&&&a href=&#1& target=&_blank& style=&display: cursor:width:1920height:600background:url(http://img04.taobaocdn.com/imgextra/i4//TB2qcyMXVXXXXboXXXXXXXXXXXX_!!.jpg) no-repeat center 0;&&&/a&&/li&&li style=&width:1920height:600 overflow:border:background:#FFF;margin:0;&&&a href=&#2& target=&_blank& style=&display: cursor:width:1920height:600background:url(http://img04.taobaocdn.com/imgextra/i4//TB2qcyMXVXXXXboXXXXXXXXXXXX_!!.jpg) no-repeat center 0;&&&/a&&/li&&li style=&width:1920height:600 overflow:border:background:#FFF;margin:0;&&&a href=&#3& target=&_blank& style=&display: cursor:width:1920height:600background:url(http://img04.taobaocdn.com/imgextra/i4//TB2qcyMXVXXXXboXXXXXXXXXXXX_!!.jpg) no-repeat center 0;&&&/a&&/li&&li style=&width:1920height:600 overflow:border:background:#FFF;margin:0;&&&a href=&#4& target=&_blank& style=&display: cursor:width:1920height:600background:url(http://img04.taobaocdn.com/imgextra/i4//TB2qcyMXVXXXXboXXXXXXXXXXXX_!!.jpg) no-repeat center 0;&&&/a&&/li&& && && && && & &/ul&
& && && && &&/div&
& && && && && & & & & & & & & & & & &ul class=&scroller-nav& style=&width:950color:#000; font-size:11 font-family:T margin-left:900margin-top:10&&
& & & & & & & & & & & & & & & & &li style=& width:20 height:10 line-height:10 text-align:display:inline-_zoom:1;_display:margin:0 5 cursor: background:#000&&&/li&&li style=& width:20 height:10 line-height:10 text-align:display:inline-_zoom:1;_display:margin:0 5 cursor: background:#00F&&&/li&&li style=& width:20 height:10 line-height:10 text-align:display:inline-_zoom:1;_display:margin:0 5 cursor: background:#0F0&&&/li&&li style=& width:20 height:10 line-height:10 text-align:display:inline-_zoom:1;_display:margin:0 5 cursor: background:#F00&&&/li&& & & & & & & & & & & & &/ul&
& & & & & & & & &/div&
& & &/div&
& & & & &ul class=&hidden-nav& style=&display:none&&
& & & & & & &li&1&/li&
&&& & & & &/ul&
&/div&复制代码
9排名12昨日变化主题帖子积分
小手一抖，钱钱到手！
145/50主题帖子积分
一级会员, 积分 45, 距离下一级还需 5 积分
一级会员, 积分 45, 距离下一级还需 5 积分
小手一抖，钱钱到手！
130/50主题帖子积分
一级会员, 积分 30, 距离下一级还需 20 积分
一级会员, 积分 30, 距离下一级还需 20 积分
不知该说些什么。。。。。。就是谢谢
119/50主题帖子积分
一级会员, 积分 19, 距离下一级还需 31 积分
一级会员, 积分 19, 距离下一级还需 31 积分
沙发！沙发!
119/50主题帖子积分
一级会员, 积分 19, 距离下一级还需 31 积分
一级会员, 积分 19, 距离下一级还需 31 积分
没看完~~~~~~ 先顶，好同志
131/50主题帖子积分
一级会员, 积分 31, 距离下一级还需 19 积分
一级会员, 积分 31, 距离下一级还需 19 积分
路过，学习下
2123/200排名<font color="#FF昨日变化主题帖子积分
二级会员, 积分 123, 距离下一级还需 77 积分
二级会员, 积分 123, 距离下一级还需 77 积分
先顶后看，年薪百万
117/50排名<font color="#FF昨日变化1主题帖子积分
一级会员, 积分 17, 距离下一级还需 33 积分
一级会员, 积分 17, 距离下一级还需 33 积分
学习啦。。。谢谢
110/50排名<font color="#FF昨日变化主题帖子积分
一级会员, 积分 10, 距离下一级还需 40 积分
一级会员, 积分 10, 距离下一级还需 40 积分
感觉好像很不错，感谢分享。
QQ临时会话可能会导致消息无法正常接收,请尽量添加为好友.店铺类型设置
店铺类型选择
【天猫店铺】
【淘宝店铺】
去掉10像素
去掉20像素
图片地址 ：
您当前浏览器内核为
Mozilla/5.0 (compatible, MSIE 11, Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko，如果非Chrome浏览器请更换浏览器或切换到急速模式，否则可能会出现安装页面显示效果跟预览不符等现象。
欢迎加入技术交流咨询群：淘宝装修 加了热点的1920大图怎么全部显示 求代码_百度知道
淘宝装修 加了热点的1920大图怎么全部显示 求代码
我有更好的答案
taobaoux.com/fullpic-ux://www你好.html" target="_blank">http://www.taobaoux，淘宝美工论坛全屏海报在线生成<a href="http
采纳率：49%
...这么大没人的显示器这么大吧搞出来也没什么用...
为您推荐：
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。