淘宝旺铺专业版全屏通栏店招制作教程

  • 2014-01-14 02:09:48

    今天装修宅做一个适用于旺铺专业版的全屏通栏店招制作教程。旺铺专业版制作通栏店招并不难,相信大家都会,但如果要制作一个带导航栏的通栏店招(也就是把导航栏做成了图片),那可能有些朋友就不会了。

    用旺铺专业版的应该都知道,模板自带的导航是不可删除的,根本没有删除的按钮。但问题总有解决的办法,这也不例外。淘宝建议店招高度是120px,超过120的话,导航显示可能异常,那到底会有什么异常呢?其实就是会把导航挤下去,如果你的店招高度是150px,那导航就完全不见了,为什么?因为淘宝在店招和导航设置了“max-height: 150px;overflow: hidden;”,意思就是店招和导航的最大高度是150px,如果高出150px,多出来的部分将会自动隐藏。所以要想删除模板自带的导航,只需要把你的店招高度设置为150px即可。

    好了,说完如何删除模板自带的导航,下面就正式开始进入教程。本教程只有两步,只要两步即可实现旺铺专业版全屏通栏店招,而且你不用打开任何软件,更不需要切图。

    第一步、进入旺铺专业版店铺装修页面,双击“店铺招牌”模块,招牌类型选择“自定义招牌”,高度输入150,点击自定义内容区的“源码”


    输入以下代码,点击保存

    1.         
    2.             
    3.         
    4.         
    5.         
    6.         
    7.         
    8.         
    9.         
    10.      
    复制代码

    请把图片地址改成自己的地址,这里我采用的是MAP标签制作店招导航区链接,如果不会使用MAP标签,请看此教程:如何在图片上添加热点超链接

    第二步、点击“装修”菜单下的“样式编辑”,再点击“背景设置”,选择你的页头背景图,横向平铺,居中对齐,最后保存即可。



    >> 查看更多相似文章

    推荐阅读

    ©Copyright ©2007-2016 www.kaitao.cn (开淘网) All Rights Reserved