疯狂的美工京东装修助手发布啦,终身版限时特价了解详情
现在位置:首页 » 淘宝天猫装修助手使用教程 » 导航自定义CSS调试器使用教程,自由设置系统导航的配色和配图

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

分享到:

作者:陈俊    日期:2014-4-14 10:42   人气:59343  

广告
    数据加载中...

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 

疯狂的美工手机客户端


    手机看教程,学经验,看新闻

    管理疯狂美工账号

    点击下载 (安卓版)

    请使用QQ扫一扫

    khderwm.jpg

  如果觉得我们软件不错您可以: 赞助VIP 下载看看 联系客服