导航自定义CSS调试器使用教程,自由设置系统导航的配色和配图

[复制链接]
sheji120 发表于 2016-11-23 19:34:30
459 0

CSS导航.png

教程开始之前,因为及少数部分人不知道软件是改哪的,什么是系统导航,这边就先扫盲,简单的普及一下什么是系统导航!

集市C店也就是淘宝店铺的系统导航一般是长这样的.

C店系统导航.jpg


天猫商城的系统导航一般是长这样


天猫商城系统导航.jpg


高清地址:http://cloud.video.taobao.com//play/u/456989075/p/1/e/1/t/1/15014853.swf




这是一个非常简单而又强大的工具,你不需要懂任何代码即可随意调试系统导航的颜色,甚至可以将系统导航调成图片版【集市淘宝C店铺和天猫商城通用哦】。

第一步简单的介绍一下我们的软件界面,咱们软件叫导航自定义CSS调试器 分纯色版和图片版,大家按自己的需求选用吧。

下面是软件图标两枚,别问我为啥是2把伞,其实没有含义只是为了各种区分哈。

QQ截图20140414105502.jpg

下面是咱们导航自定义CSS调试器图片版的软件界面,纯色版和图片版界面都差不多的,使用方法一致,我就不一一演示了。

导航自定义CSS调试器图片和纯色.jpg


好的废话讲完了,下面教程正式开始。

软件分三个区,大家调整完所有的即可生成代码啦。

QQ截图20140414105944.jpg


第一步:调整主导航,调试的时候可以对应的位置变化。

1.jpg


第二步:调整主所有分类弹出层,和三级菜单【这里可以设置特效和一次所有分类哦】。

2.jpg


第三步:调整右边分类弹出层和生成代码啦,还有所有弹出层的边框色。

3.jpg


生成代码之后,把代码粘贴到导航自定义CSS区即可啦,也就是现实设置那里

QQ截图20140414111251.jpg 

回复

使用道具 举报

  • [声明] 本站下载资源均来自用户分享,如有损害您的权益请发送邮件至(yjujjau#crazysheji.com),邮件内容请携带本页链接及您的权益证明。《详细申明》
  • 您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    推荐

    平台简介

    设计120( sheji120.com ),立志成为中国大型、涉及类目广、资源多、活跃的综合型电商设计师交流平台。集阿里巴巴代码装修工具在线特效生成+原创作品+灵感图库+经验教程+素材下载+设计师常用软件下载+各平台实用工具+电商资讯+社群活动为一体,多方位服务电商美工/设计师。

    Archiver|手机版|设计120 ( 浙ICP备14040117号-4 )浙公网安备 33010402003084号  

    Copyright   © 2016 - 2017 Sheji120.Com   杭州锋狂网络科技有限公司

    现在加入设计120,注册一个账号
    点击这里给我发消息
    嘿!有什么能帮到您的吗?