淘宝店铺导航css代码装修方法
开淘宝店解决了货源这个难题,还有店铺的装修,并不是每个店主都是美工,想装一个大气点的淘宝店根本没有操作经验,如何开网?更不用说css代码的装修,可惜很多顾客都会从第一印象来决定是否购买商品,前面学习了 css个性淘宝导航的设计方法 ,今天就来学习...
- 学费:简单学堂会员免费
- 讲师:网店大师
- 发布时间:
- 授课方式:网店大师导师1对1教学
- 在线导师预约
开淘宝店解决了货源这个难题,还有店铺的装修,并不是每个店主都是美工,想装一个大气点的淘宝店根本没有操作经验,如何开网?更不用说css代码的装修,可惜很多顾客都会从第一印象来决定是否购买商品,前面学习了css个性淘宝导航的设计方法,今天就来学习淘宝店铺导航CSS代码装修方法。
准备好装修素材
导航的装修,需要在网上寻找符合你素材,下载淘宝店铺店招素材,导航属于首页的装修,如何开网?可以看看你的店铺是华丽风、韩式风还是中国风,我们也提供了相关的素材,可以下载。如果模板使用官方的”简约时尚模板“,样式管理选择“深蓝色”或者“天蓝色”样式。
导航CSS代码装修步骤
A、安装页头和页面背景
把刚下载的背景图片打开,页头和页面背景在样式管理里选为分类图片,选择符合你店铺的特性的宝贝分类类型,然后选横向平铺和居中,如何开网?注意页头下边距10px,页面背景样式就要不平铺和居中,点击保存。
B、安装店招图片
把刚下载的店招图片安装,回到页面装修,选择点击店招编辑,点击默认招牌,不要点击使用自定义哦,添加已经下载的店招图片就可以了。
C、安装透明代码
透明的店招,用css代码可以解决,如果非透明店招可能装修的其他模块会盖住海报,如何开网?这影响了整体的美观,海报就不大气了。
导航下面建立一个950的自定义模块,放入透明代码放到里面点击保存。代码的高度可以根据背景图来设置,只要调整数字即可。
需要透明的店招,就把这段透明CSS代码用上,也可根据自己店铺情况,如何开网?如果喜欢其他店铺的店招,可以获取其他店铺的导航代码,装上自己的店铺。
获取其他网店导航CSS代码方法
1、获取代码
找到别人店铺的首页,右键单击导航栏空白处,查看源代码。查看代码,找到这几个标识,找到css文件。如何开网?下面的就是我们要找的CSS文件。跟着我们将它用浏览器打开,或者下载个notepad程序,双击打开就可以看到相应的代码。
2、替换代码
粘贴进查找内容框里,替换为后面的框不要填写,直接点击"全部替换"按钮。如何开网?那么,这样的css代码就可以为我们所用了。