淘宝天猫装修助手使用教程

当前位置:首页 > 教程中心▾ > 淘宝天猫装修助手使用教程

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

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 

疯狂的美工官方微信二维码

转载说明:欢迎转载本站所有文章,如需转载请注明来源于《疯狂的美工装修助手网站》。

本文链接:https://www.mgzxzs.com/Help/76.html

相关内容

  • 波浪
  • 波浪
  • 波浪
  • 波浪