当前位置:

旺宝神器 > 卖家学院 > 旺铺知识 > 正文

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

时间:12/05/02小编:[随机用户名]来源:http://www.6299.cc/人气:

请关注我的微薄http://weibo.com/qq634264  (复制)

 

大家好,我又来分享一下如何制作分类导航,我用的是拓展版的,因为现在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  换成

然后将所有的图片都换好之后,保存记事本,然后把记事本里所有的代码复制。

 

打开淘宝后台,新建一个自定义模块,切换到代码编辑模式,将代码复制进去。

 

然后切换回就可以看到效果啦!

然后需要将相应的图片上加上链接,点击图片,添加链接。

 

所有链接添加完之后,就完成啦~保存,发布就可以看到效果啦~最好是先预览一下!

 

好啦!大家可以试试看哦!有问题可以问我啦~ ID是  范思蓝恩曹凯168

标签:

软件下载

注册送100积分,免费刷流量

  • 互动收藏
  • APP流量
  • 刷购物车