首页 > 家居生活 > 电子商务 >

通过热点快速有效的给淘宝店铺导航添加超链接

来源:互联网 2023-02-21 16:16:37 227

开淘宝店铺或者是做淘宝美工的,都会接触到店铺装修这一块。如何快速有效的完成店铺装修是我们所追求的。fAd办公区 - 实用经验教程分享!

今天我主要给大家介绍一下如何通过热点快速有效的给淘宝店铺的导航添加超链接,希望对大家有所帮助。fAd办公区 - 实用经验教程分享!

1,关于导航条fAd办公区 - 实用经验教程分享!

淘宝店铺的店招标准尺寸为(120 30),为了操作的简便性,我直接将导航条设计为150px,省去了代码部分的繁琐操作。fAd办公区 - 实用经验教程分享!

2,打开淘宝装修后台,点击图片空间,将切片下来的导航条(C店:950*150)上传到图片空间中。fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

3,上传好图片后fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

点击链接,将图片的地址复制下来。fAd办公区 - 实用经验教程分享!

4,打开dreamweaver软件fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

5,选择创建新项目下面的HTMLfAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

6,点击导航条上方的插入按钮fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

7,将刚刚复制的链接地址黏贴到URL框中,点击确定fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

8,点击图片,页面的下方会出现一个属性框fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

属性框里的热点区fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

9,点击热点中的一个图形(我选择矩形)在图片上拉出一个框fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

10,fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

点击黑色箭头,再点击框选中的蓝色区域,会出现上图所示的情景,然后你就可以在链接框中添加链接了。fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

11,以此类推,给你想要添加链接的区域加上热点,添加超链接。fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

12,点击代码,将页面切换到代码模式。fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

13,将body>/body>之间的代码复制下来。(注意:不包括body)fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

14,进入店铺装修页面,点击导航条部分,选择编辑,选择自定义招牌fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

15,按这个按钮,切换到代码模式。fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

16,将刚刚复制的代码黏贴进来,再次点击那个按钮,回到图片模式。点击确定。950部分的导航代码就弄好了。fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

17,主要部分弄完后,我们就要给导航条添加背景了,点击装修按钮下方的样式管理。选择背景设置。fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

18,fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

选择所有页面,然后将导航条的背景图传上去,点击保存。fAd办公区 - 实用经验教程分享!

19,都弄完后,点击发布,导航条就算做完了。fAd办公区 - 实用经验教程分享!

fAd办公区 - 实用经验教程分享!

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!fAd办公区 - 实用经验教程分享!


标签: 淘宝超链接通过导航店铺

办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码