互联网

当前位置 /首页/游戏数码/互联网/列表

淘宝全屏店招和导航条怎么设置

看到别人店铺那种高大上的全屏店招和自定义导航是不是很羡慕?可是自己还不会做?怎么办?今天就教大家怎么设置淘宝全屏店招和导航条。

操作方法

(01)打开PS新建一个1920像素*150像素的文件。

淘宝全屏店招和导航条怎么设置

(02)把你做好的店招先存成JPG格式,先不去管它,然后再把源文件裁剪成990像素*150像素大小。

淘宝全屏店招和导航条怎么设置 第2张

(03)这是裁剪之后的大小,然后保存。

淘宝全屏店招和导航条怎么设置 第3张

(04)打开店铺后台→图片空间→图片上传。把你裁剪之后的那个店招上传到图片空间(990*150的,)然后复制这个图片代码,而不是链接。复制好之后,这里就需要你有另外一个软件了,就是Dreamweaver,简称DW。这个软件是给你店招自定义导航加连接的。新建一个HTML。

淘宝全屏店招和导航条怎么设置 第4张

(05)把刚才复制的图片代码粘贴到最上边空白处,然后点击下边的空白处。

淘宝全屏店招和导航条怎么设置 第5张

(06)找到软件最下边,属性栏里的一个长方形图标,然后在图片上按住鼠标不放慢慢拉动,就会出现一个半透明的东西,这个叫做热点。

淘宝全屏店招和导航条怎么设置 第6张

(07)弄好热点之后,就可以加链接了,第一个是首页,所以就去店铺首页复制链接,粘贴在软件最下边的链接栏里,链接栏里的“#”不要。“链接"下边的"目标"选项的第一个是新窗口打开。

淘宝全屏店招和导航条怎么设置 第7张
淘宝全屏店招和导航条怎么设置 第8张

(08)链接全部弄好后,回到后台,打开店铺装修,然后编辑店招,选择自定义招牌,下边的高度设置150PX。

淘宝全屏店招和导航条怎么设置 第9张

(09)设置好之后,复制DW里做好的代码。

淘宝全屏店招和导航条怎么设置 第10张

(10)复制好代码回到店铺装修,点一下店招里的"< >"这个符号,把代码粘贴进去。

淘宝全屏店招和导航条怎么设置 第11张

(11)点击装修→样式管理→背景设置→上传图片即可。

淘宝全屏店招和导航条怎么设置 第12张