导航条制作 淘宝店铺导航条制作,用代码做酷炫的页面导航栏的方法

编辑:
发布时间: 2021-02-20 10:39:01
分享:

淘宝店铺装修有一个浮动导航,很多人不知道怎么装修,其实很简单。首先将浮动导航模块拖到正确的位置。

首先,浮动导航的位置可以调整,但有限制,在0-50像素之间。这个根据个人喜好或者店铺装修布局来调整。

然后我们可以在内容设置中看到浮动导航的大小要求。

然后我们可以在PS中创建新文档,宽度为200像素,高度为600像素。只要我们做的浮动窗口在这个范围内,就可以了。记住最好有透明的背景。

浮动导航设计中最简单的一个思路就是找一张你店铺的模型图,挖出来放上去,或者是产品图。我们以一件女装为例。如下图,先翻出模型图。

然后我们画一个形状来覆盖模型。一般新手会想用长方形,有点太普通,不好看。我们可以试试弯曲的形状。

自己调颜色。尽量不要太亮。然后我们可以在上面放上我们店的LOGO和分类,方便顾客选择。当然,你可以放任何你想要的东西,你也可以放想要想要的。

然后你可以把它放在你的收藏或关注中。也可以多复制一层放到一边,调整透明度来丰富浮动导航的效果。

可以复制一层矩形形状,CTRL+T,然后右击选择变形,用鼠标拖动形状做一个小的改动。

最后稍微调整一下颜色,保存为PNG或GIF格式的透明图片。

这个浮动导航不需要转代码,直接打开你的店铺装修页面。上传到我们之前拖的模块。

下面增加了一个热点,可以作为我们浮动导航的热点链接。只需将相应的热点链接地址复制到相应的位置即可。

相关阅读
热门精选
皮肤 孕妇