`

2012旺铺导航菜单自定义

css 
阅读更多
1.修改导航链接文字的背景色
.skin-box-bd .link{background:#000000;}
2.修改整个导航的背景色
.skin-box-bd .menu-list{background:#000000;}
3.修补导航右侧缺口
.skin-box-bd{background:#000000;}
4.链接文字后内背景代码
.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}
5.链接文字点击后外背景代码
.skin-box-bd .menu-list .menu-selected .link{background:#000000;}
6.隐藏所有分类
.all-cats{display:none;}
7.所有分类字体样式
.all-cats .link .title{color:#颜色代码;font-size:字号px;}
8.除所有分类以外 的导航字体样式
.menu-list .menu .title{colormenu-popup-cats .sub-cat-hover .cat-name {color:#颜色代码}

首页导航栏的文字出现背景,修改代码:.skin-box-bd .menu-list .menu-selected .link .title{background:#颜色代码}
导航背景色代码:.menu-list .link{background:#颜色代码}
导航栏文字:.menu-list .menu .title{color:#颜色代码;font-size:字号;}
宝贝分类二级菜单文字颜色代码:.menu-popup-cats .sub-cat .cat-name{color:#颜色代码}
所有分类的背景色代码:.all-cats .link{background:#颜色代码}
所有分类的文字代码:.all-cats .link .title{color:#颜色代码;font-size:字号;}
所有分类后面的分隔线代码:.all-cats .link{border-color:#颜色代码}
整个导航背景色代码:.skin-box-bd{background:#颜色代码;}
整个分类段的背景色代码:.skin-box-bd .menu-list{background:#颜色代码}
二级分类文字代码:.popup-content .cats-tree .fst-cat .cat-name{font-size:字号;color:#颜色代码;font-weight:bold/bolder/normal;}
二级分类背景代码:.popup-content{background:#颜色代码}
三级分类文字代码:.popup-content .cats-tree .fst-cat .cat-name{font-size:字号;color:#颜色代码;font-weight:bold/bolder/normal;} 
三级分类背景代码:.popup-content .cats-tree .snd-pop-inner{background:#颜色代码}
一级导航分类分隔线颜色代码:.menu-list .menu{border-color:#颜色代码}
鼠标滑过一级分类导航文字变换背景色代码:.menu-list .menu-hover .link{background:#颜色代码}
鼠标滑过二级分类导航文字变换背景色代码: .popup-content .cats-tree .cat-hd-hover{background:#颜色代码}
鼠标滑过三级分类导航文字变换背景色代码: .popup-content .cats-tree .snd-cat-hd-hover{background:#颜色代码}
鼠标滑过宝贝分类的文字变换背景色代码:.menu-popup-cats .sub-cat-hover{background:#颜色代码}
鼠标滑过宝贝分类的文字变换颜色代码:.menu-popup-cats .sub-cat-hover .cat-name {color:#颜色代码}

转载:http://www.i7gou.com/thread-5678-1-1.html

分享到:
评论

相关推荐

    淘宝新旺铺2012装修工具_自定义导航制作_海报轮播

    在淘宝新旺铺2012中,商家可以自由设计店铺的导航菜单,这不仅包括传统的分类导航,还可以包含活动页、专题页等。通过自定义导航,商家可以根据店铺的商品类型、促销策略以及季节性变化灵活调整导航结构,方便顾客...

    新旺铺导航条CSS自定义助手

    通过新旺铺导航条CSS自定义助手_v2.0,用户不仅可以调整导航条的基本样式,还可以实现更复杂的交互效果,比如鼠标悬停时的动态变化、下拉菜单的动画效果等。这需要对CSS3的一些高级特性有所了解,如过渡(transition...

    淘宝新旺铺个性导航代码大全

    在《导航CSS代码深入篇_全方位制作属于你的个性导航.doc》和《旺铺2012__导航CSS设置.doc》这两个文档中,详细讲解了如何根据具体需求自定义导航栏,提供了丰富的实例和代码示例。通过学习这些文档,你可以掌握如何...

    淘宝网顶部导航菜单制作

    在提供的"新旺铺导航条CSS自定义助手_v2.0"这个工具中,可能包含了帮助开发者快速定制导航条样式的代码片段和预设样式。使用这样的工具可以大大简化开发过程,让非专业前端开发者也能轻松创建出类似于淘宝网的导航...

    2012旺铺装修模板

    其次,“淘宝新旺铺2012导航条css代码”则是店铺顶部的导航菜单,用于引导顾客浏览店铺的不同分类或页面。CSS(层叠样式表)代码让店主可以调整导航条的样式,如颜色、字体、布局等,使其与店铺的整体风格保持一致,...

    2012淘宝新旺铺导航栏装修代码图文详解

    2. 使用`.skin-box-bd .menu-list`选择器设置导航菜单的背景图片。 3. 使用`.skin-box-bd`选择器修补右侧缺口的背景图片。确保所有图片使用同一张。 然后,我们来调整静态文字和分隔线: 1. 对于“所有分类”以外...

    淘宝新旺铺 导航定定义 CSS 20130308版.7z

    导航定义是指在网站或店铺中设置清晰、直观的导航菜单,帮助用户快速找到他们感兴趣的商品或信息。在淘宝新旺铺中,商家可以通过定制导航,调整菜单的排列顺序、添加或删除链接,以及改变其视觉样式,从而提升用户...

    淘宝新旺铺导航栏自动生成 CSS 代码

    在标签中,“淘宝”是电商平台的名字,“新旺铺”是其店铺装修平台的名称,而“导航”指的是店铺首页顶部的菜单,通常包含链接到店铺不同部分或产品分类的按钮。“CSS”则是关键的技术工具,用于定义这些导航元素的...

    教程1:新旺铺页头和页面背景店招导航的设置.rar

    页头是旺铺页面的顶部区域,通常包含店铺LOGO、店名、搜索框、导航菜单等元素。一个设计精良的页头可以快速引导用户了解店铺品牌,并提供便捷的浏览路径。在新旺铺中,页头的定制更加灵活,可以通过调整元素位置、...

    新旺铺 全屏大图1920轮播 20130508更新 v1.6.zip

    自定义导航条代码可以使商家根据自身品牌特色定制独特的导航样式,如改变文字颜色、背景颜色、字体大小和形状,甚至添加下拉菜单和动态效果。 【自定义导航背景颜色设置】是旺铺个性化设计的一部分,允许商家根据...

    旺铺拓展版装修XXXX新版.pptx

    案例解析部分则提供了实际操作示例,包括自定义页头的设置,如添加个性化的导航菜单,以及通栏的制作,以创造连续且一致的视觉效果。对于不具备专业美工技能的商家,旺铺装修模板平台提供了丰富的资源,使商家也能...

    基于PHP的wordpress主题:格子商铺主题 php版.zip

    3. header.php:页头区域,通常包含logo、导航菜单等元素。 4. footer.php:页脚区域,常包括版权信息、底部菜单等。 5. sidebar.php:侧边栏,可以放置小工具、广告等。 6. functions.php:包含主题的特定功能和...

    淘宝装修店面工具

    这些工具通常包含一系列功能,如自定义店铺首页、设计商品展示模块、设置导航菜单、添加动画特效等,帮助商家打造出个性化的店铺界面,吸引更多的顾客。在本文中,我们将深入探讨淘宝装修店面工具的关键知识点。 1....

    旺铺一键安装模板 火红商城 红色通用版

    例如,清晰的导航菜单、响应式布局(适应不同设备屏幕)、快速加载速度以及与电商平台的无缝集成都是重要考虑因素。此外,SEO优化也是不可忽视的一环,包括关键词优化、元标签设置等,有助于提升店铺在搜索引擎中的...

    淘宝装修必备 全屏轮播

    淘宝装修工具中的导航生成功能,可以根据店铺的实际需求自定义导航菜单,包括分类、专题、活动等,使顾客的购物体验更为顺畅。 在使用“淘宝旺铺装修工具V4.0.exe”之前,建议先阅读“安装说明.txt”,了解软件的...

    淘宝旺铺模版 简单代码

    - **JavaScript**:一些模板可能包含JavaScript,用于实现动态效果,如滑动图片、下拉菜单等。商家应理解JS代码的基本结构,以便在需要时进行调整。 2. **模版安装与应用** - **上传模版**:在淘宝旺铺后台,商家...

    WP主题:HotNewspro 2.72

    4. 由于发表的相册图片,不会显示在正常的页面中,所以需要在相册面板中新建一个相册分类,并将发表的图片划归到这个分类中,便于添加调用到“导航菜单”中,方便浏览者查看。 ■ 添加视频 启用主题后,在后台左侧...

    花钱买的精美淘宝旺铺左侧模板

    淘宝旺铺左侧模板作为店铺装修的一部分,主要用于展示店铺的导航栏、分类列表等信息,能够帮助买家快速找到所需的商品或服务。一个好的淘宝旺铺左侧模板不仅能够美化店铺界面,还能够提高用户的浏览效率和购买转化率...

    山东中小企业全程电子商务平台操作综合指南.doc

    - 导航菜单的修改在“建设—>高级设计—>导航菜单”里完成。 6. **产品发布**: - 包括发布网上批发商品、已有的商品和网上零售商品,提供详细的操作指南。 - 发布商品信息时需填写完整的产品描述、图片等,以...

    团购模板的代码

    - **头部**:包含网站标题、logo、导航菜单等。 - **主体**:展示团购商品或服务的详细信息,如图片、价格、数量限制、有效期等。 - **团购规则**:说明参与团购的条件和注意事项。 - **倒计时**:显示团购结束的...

Global site tag (gtag.js) - Google Analytics