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

    如何编辑旺铺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的部分怎么去掉?

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

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

  • 相关阅读:
    27. Remove Element
    列表变成字典
    1. Two Sum
    CVPR2019:What and How Well You Performed? A Multitask Learning Approach to Action Quality Assessment
    959. Regions Cut By Slashes
    118. Pascal's Triangle
    loj3117 IOI2017 接线 wiring 题解
    题解 NOI2019 序列
    题解 省选联考2020 组合数问题
    题解 Educational Codeforces Round 90 (Rated for Div. 2) (CF1373)
  • 原文地址:https://www.cnblogs.com/jjxxl-217/p/3427745.html
Copyright © 2011-2022 走看看