【拓展版分享】如何快速制作通栏分类导航.docVIP

大家好，我又来分享一下如何制作分类导航，我用的是拓展版的，因为现在950通栏广告图越来越多，导致左侧190的分类在很下面，这样很多买家找分类，找产品非常的不方便，所以需要制作一个950通栏的分类导航，方便买家查找相应的类目。 制作分类导航有很多办法，我今天分享一个用PS制作的办法。 ? 第一步，先要有PS，我用的是因为这个版本有下面会用到。 先用PS制作一张分类的导航。 设计你的分类导航图，这个只需要将你的产品类目写上去就差不多了。 这个是我做的分类导航图。如果觉得太多的话，也可以设计成横的哦 会PS的应该基本都不成问题。只需要把文字排整齐就可以了。做成一张图片。如果不会的可以问我。我在介绍另外的方法。 ? 第二步，做好你的分类图片之后，切换到ImageReady ? 然后使用切片工具 ? 将你需要添加链接的产品切割出来。如图示 ? 然后将所有需要添加链接的地方切割出来以后，点击软件最上面的文件-将优化结果储存为-要选HTML和图像 ? 完成之后，你会得到两个文件，一个是HTML格式的网页，一个是名为images的文件夹。文件夹里面是切片的图片。图片名称为fenlei_1、fenlei_2、fenlei_3…… ?打开fenlei的网页就可以看到整个的效果了。 ? 接下来要做的就是把图片上传到淘宝的图片空间。传好切好的图片还是有已原来的文件名显示的， ? ? 接来下，就是要想网络图片插入到刚才的fenlei.html的文件里。首先右击这个文件。 右击-打开方式-记事本 ? 这里应用的图片都是前面images里面的图片，我要将这里应用的图片换成是我们刚才上传的网络图片。接下来就是把刚才上传到淘宝图片空间的图片找出来，对应名称复制-粘贴就好了。 整个是feneli_5 复制链接。复制到刚才用记事本打开的HTML文件里。如下图 ? 选中image/fenlei_05.gif? 换成 然后将所有的图片都换好之后，保存记事本，然后把记事本里所有的代码复制。 ? 打开淘宝后台，新建一个自定义模块，切换到代码编辑模式，将代码复制进去。 ? 然后切换回就可以看到效果啦！ 然后需要将相应的图片上加上链接，点击图片，添加链接。 ? 所有链接添加完之后，就完成啦~保存，发布就可以看到效果啦~最好是先预览一下！