公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

使用别人的CSS代码制作导航栏

2015-03-23 03:58:15

导航有着灯塔的作用,尤其是在商品数量众多的淘宝店铺中。怎样使得自己的店铺在众多店铺中脱颖而出,怎样很好的引导买家点击你的导航栏进行深度访问?导航栏的设计在淘宝店铺装修中就尤为重要。

淘宝店铺中的导航栏是由N多的CSS代码组合实现。对于经营多年的淘宝店铺卖家而言,虽有涉猎,但也还达不到专业水平,能够自己创建复杂的CSS代码装修导航栏。有许多财大气粗的卖家可以通过金钱购买导航栏设计;但对于小卖家来说,及时预算紧张,也能够拥有大卖家们绚烂的导航栏设计。现在唯艺就教你怎样让别人的导航栏设计成为你自己的装修设计。


一.查看源代码。

找到你喜欢的导航栏页面,在店铺的首页处,右键选择“查看网页源代码”。

 

  


二. 找到导航栏CSS代码。

如图,红色标记处就是导航栏CSS代码。复制CSS代码并粘贴到新建的.txt文件。

 
 
  

三. 替换导航栏代码。

点击“编辑”,选择“替换”。在“查找内容”栏中粘贴“#page#content.tshop-pbsm-shop-nav-ch”。“替换为”一栏不用填写。最后点击“全部替换”按键。唯艺温馨提示:这一步是最关键的一步,只要替换这一行后就能把别人店铺的导航栏设计搬到自己的店铺去了。



 

四.把导航栏CSS代码粘贴到自己店铺中。

点击“编辑”- 选择“显示设置”,复制修改好的导航栏CSS代码并将其粘贴到编辑框里。



简简单单四部曲就能够把你喜爱的导航栏设计用CSS代码直接搬到自家店铺。这样的装修,不费钱也不费力,更不需要你懂得复杂的CSS代码语言。至少在设计上就剩下了不少的功夫。不仅仅是导航栏的设计,这种利用CSS代码搬家的思路还能被运用在模板设计上等等。


      本文出自唯艺网店装修平台(www.weiyi5.cc),转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 日用杂货 清新简约 生活兴趣网店模板

    日用杂货 清新简约 生活兴趣网店模板

    人气:45643
  • 春天衣橱 精品酷黑 潮流男装淘宝模板

    春天衣橱 精品酷黑 潮流男装淘宝模板

    人气:59832
  • 大牌简约 大气背景 珠宝配饰网店模板

    大牌简约 大气背景 珠宝配饰网店模板

    人气:38768
  • 时尚彩妆 全屏轮播 服装配件网店模板

    时尚彩妆 全屏轮播 服装配件网店模板

    人气:30789
  • 奢侈名表 简约奢华 饰品珠宝淘宝模板

    奢侈名表 简约奢华 饰品珠宝淘宝模板

    人气:38980
  • 旅行眼镜 炫酷欧美 服装配件网店模板

    旅行眼镜 炫酷欧美 服装配件网店模板

    人气:43216
  • 时尚简约 瀑布流 装饰家居淘宝模板

    时尚简约 瀑布流 装饰家居淘宝模板

    人气:35416
  • 至简大牌 全屏轮播 女装服饰淘宝模板

    至简大牌 全屏轮播 女装服饰淘宝模板

    人气:40580