zoukankan      html  css  js  c++  java
  • 新旺铺教程之导航12

    如何编辑旺铺2012 的导航呢?进入店铺后台,选择导航处的”编辑“:

    1.在打开的弹窗里面选择”添加“:

     

    2.添加宝贝分类至导航操作如下:

     

    3.添加页面至导航操作如下:

     

     

    4.添加自定义链接至导航操作如下:

     

    5.设置好的内容可以在此调整位置或删除:

    6.在前台展示如下:

     

     

    新旺铺导航是可以更换颜色和式样的哟 这里需要一些css的小技巧 。操作位置如下:

     

    下面是自定义导航的示例. 首先要了解,什么是自定义css

     

    CSS 也叫层叠样式表单, 是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言

    店铺导航开放css设定,就是说让卖家通过css来让导航展现的更加丰富自定义,交给卖家控制。

    以下内容由讲师镜子猫提供 原帖http://bbs.taobao.com/catalog/thread/510526-259543798.htm

     

     

     

     

    以下文字内容可以一同复制使用,不会影响到使用效果哦!

     

    /* 导航条背景色*/

    .skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

    /*首页/店铺动态背景色*/

    .skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}

    /*首页/店铺动态右边线*/

    .skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}

    /*首页/店铺动态文字颜色*/

    .skin-box-bd .menu-list .menu .title{color:#ff0000}

    /*所有分类背景色*/

    .all-cats .link{background: none repeat scroll 0 0 #00ad08;}

    /*所有分类右边线*/

    .all-cats .link{border-right:1px #006205 solid;}

    /*所有分类文字颜色*/

    .skin-box-bd .all-cats .title{color:#ff0000}

     

    看一下效果哦!【用了红绿配,赛狗屁的颜色。让大家可以更加深刻的对比代码中的颜色。】

     

     

    想了解更多样式,可以来这里学习css

    http://www.w3cschool.cn/css_intro.html

     

     

     

     

    补充:

    1:可以注意到, 每个样式最前面有个.tshop-pbsm-shop-nav-ch 前缀, 意思是这个样式只能作用在导航上面,而不会影响到其他模块样式.

    如果卖家在写的时候不加上这个前缀,系统会默认帮助加上, 同样是为了这个样式只作用在导航上,不影响到其他模块

    2: css的样式值,同样有些样式是不能写的,比如 expression这个可执行js代码的属性,是不允许使用的.

       具体样式使用的白名单请参考

     

     

    旺铺2012页头整体限高150PX。所以当店招设为150PX时,导航会被挤下去。

    所以页头过高时,导航会被截断。解决办法就是调整店招高度。

     

     

     

    热门问题答疑

     

     

     

    1导航误删怎么找回来?

    导航模块不可删除。如果装修发布后导航不见了,可以将店铺招牌尺寸修改为:950*120 px

    (页头高150px包含店铺招牌和导航,如果店铺招牌高设置成150px,发布后导航可能消失不见)

     

    2 css不会用,代码不会写怎么办?

    可以参考下面三个卖家分享帖子:

     

    3 经典导航案例

     

     

     4 导航两侧超出950的部分怎么去掉?

    解决方案:此区域属于页头背景区。可通过设置页头背景进行装修。

    操作路径:装修-样式管理-背景设置-页头背景 

  • 相关阅读:
    Java程序猿之从菜鸟到职场高手的必看
    每日一小练——高速Fibonacci数算法
    myeclipse 那个版本号好用?
    C++ Primer 学习笔记_61_重载操作符与转换 --自增/自减操作符
    海量数据存储
    架设FLASH视频流server心得
    java中接口的定义与实现
    Oracle误删恢复
    第四届蓝桥杯C++B组国(决)赛真题
    第三届蓝桥杯JavaC组国(决)赛真题
  • 原文地址:https://www.cnblogs.com/jjxxl-217/p/3427790.html
Copyright © 2011-2022 走看看