淘宝店铺导航css代码装修方法

开淘宝店解决了货源这个难题,还有店铺的装修,并不是每个店主都是美工,想装一个大气点的淘宝店根本没有操作经验,如何开网?更不用说css代码的装修,可惜很多顾客都会从第一印象来决定是否购买商品,前面学习了 css个性淘宝导航的设计方法 ,今天就来学习...

  • 学费:简单学堂会员免费
  • 讲师:网店大师
  • 发布时间:
  • 授课方式:网店大师导师1对1教学
  • 在线导师预约

开淘宝店解决了货源这个难题,还有店铺的装修,并不是每个店主都是美工,想装一个大气点的淘宝店根本没有操作经验,如何开网?更不用说css代码的装修,可惜很多顾客都会从第一印象来决定是否购买商品,前面学习了css个性淘宝导航的设计方法,今天就来学习淘宝店铺导航CSS代码装修方法。

网店店招效果图

准备好装修素材

导航的装修,需要在网上寻找符合你素材,下载淘宝店铺店招素材,导航属于首页的装修,如何开网?可以看看你的店铺是华丽风、韩式风还是中国风,我们也提供了相关的素材,可以下载。如果模板使用官方的”简约时尚模板“,样式管理选择“深蓝色”或者“天蓝色”样式。

导航CSS代码装修步骤

A、安装页头和页面背景

网店店招CSS代码添加图片

把刚下载的背景图片打开,页头和页面背景在样式管理里选为分类图片,选择符合你店铺的特性的宝贝分类类型,然后选横向平铺和居中,如何开网?注意页头下边距10px,页面背景样式就要不平铺和居中,点击保存。

B、安装店招图片

店招css代码安装

把刚下载的店招图片安装,回到页面装修,选择点击店招编辑,点击默认招牌,不要点击使用自定义哦,添加已经下载的店招图片就可以了。

C、安装透明代码

透明的店招,用css代码可以解决,如果非透明店招可能装修的其他模块会盖住海报,如何开网?这影响了整体的美观,海报就不大气了。

导航下面建立一个950的自定义模块,放入透明代码放到里面点击保存。代码的高度可以根据背景图来设置,只要调整数字即可。

需要透明的店招,就把这段透明CSS代码用上,也可根据自己店铺情况,如何开网?如果喜欢其他店铺的店招,可以获取其他店铺的导航代码,装上自己的店铺。

获取其他网店导航CSS代码方法

1、获取代码

获取其他店铺css店招代码

找到别人店铺的首页,右键单击导航栏空白处,查看源代码。查看代码,找到这几个标识,找到css文件。如何开网?下面的就是我们要找的CSS文件。跟着我们将它用浏览器打开,或者下载个notepad程序,双击打开就可以看到相应的代码。

2、替换代码

替换css店招代码

粘贴进查找内容框里,替换为后面的框不要填写,直接点击"全部替换"按钮。如何开网?那么,这样的css代码就可以为我们所用了。

相关课程

相关标签:

评论板块

我来说两句( 人参与)
  • 最新评论