旺铺专业版 全屏通栏店招制作方法（图文教程）
/ , 2:27 PM / 关键词:
上次做的通栏店招教程是适用于旧版店铺的，今天做一个适用于旺铺专业版的全屏通栏店招制作教程。旺铺专业版制作通栏店招并不难，相信大家都会，但如果要制作一个带导航栏的通栏店招（也就是把导航栏做成了图片），那可能有些朋友就不会了。
用旺铺专业版的应该都知道，模板自带的导航是不可删除的，根本没有删除的按钮。但问题总有解决的办法，这也不例外。淘宝建议店招高度是120px，超过120的话，导航显示可能异常，那到底会有什么异常呢？其实就是会把导航挤下去，如果你的店招高度是150px，那导航就完全不见了，为什么？因为淘宝在店招和导航设置了“max-height: 150overflow:”，意思就是店招和导航的最大高度是150px,如果高出150px,多出来的部分将会自动隐藏。所以要想删除模板自带的导航，只需要把你的店招高度设置为150px即可。
好了，说完如何删除模板自带的导航，下面就正式开始进入教程。本教程只有两步，只要两步即可实现旺铺专业版全屏通栏店招，而且你不用打开任何软件，更不需要切图。
第一步、进入旺铺专业版店铺装修页面，双击“店铺招牌”模块，招牌类型选择“自定义招牌”，高度输入150，点击自定义内容区的”源码“
输入以下代码，点击保存
&img src="/imgextra/i3//T2YC_FXbJaXXXXXXXX_!!.jpg" usemap="#dianzhao" /&
&map name="dianzhao"&
&area coords="0,110,102,150" href="#" shape="rect" /&
&area coords="102,110,215,150" href="#" shape="rect" /&
&area coords="102,110,328,150" href="#" shape="rect" /&
&area coords="102,110,440,150" href="#" shape="rect" /&
&area coords="102,110,554,150" href="#" shape="rect" /&
&area coords="102,110,666,150" href="#" shape="rect" /&
&area coords="102,110,780,150" href="#" shape="rect" /&
&area coords="102,110,950,150" href="#" shape="rect" /&
请把图片地址改成自己的地址，这里我采用的是MAP标签制作店招导航区链接，如果不会使用MAP标签，请看此教程：
第二步、点击“装修”菜单下的“样式编辑”，再点击“背景设置”，选择你的页头背景图，横向平铺，居中对齐，最后保存即可。
(19 条评论)
(21 条评论)
(6 条评论)
(10 条评论)
(12 条评论)
(14 条评论)
(15 条评论)
(8 条评论)
(20 条评论)
(8 条评论)
这个也太基础了吧。。
对新手还是有用的吗
为什么在导航里加了开关灯效果会下移1px呢？
@Drink: 调整弹出层的points属性
第一步的图片是不是高为150px的导航条？只是上部分120PX可以为空，然后下面的30px为导航栏？既然这样，你代码里的坐标一定和我们自己做的导航栏目一致吗？
@Levjumba: 教程里的代码只是演示，你都没看明白...
@GXzhou: 在图片上添加热点超链接的教程无法正常显示? 还有其他地址么？谢谢
还有就是，这种方法实现的导航栏，是否也可以实现鼠标移到导航栏目而产生一些效果呢？例如变色。
名字 (必填,如果已是注册用户请先登陆)
邮箱 (必填,不会被公开,只有站长才能看到)
网站（可填可不填，如填请加http://）
验证码 (必填)当前位置： > 天猫 店招 代码
最近更新的...
友情链接：
& 看图网，，该页图片不可商用
在线图片处理软件开发，始创于09年，距今7年。DS:3/3/20
天猫 店招 代码素材下载}