|
先说说关于店铺装修的事情吧。在淘宝上注册完卖家账号，缴纳保障金后，做的第一件事就是装修店铺了，淘宝店铺装修分老版和新版两个，我用的是新版，就说下关于新版的装修。 对于新手，装修店铺最简单的办法就是买套模板，一键安装，简单并且美观，节省时间。可以去装修市场看看，也可以浏览淘宝里好的店铺，在他的首页最下方的那个有个店铺的设计者，点击进去就可以购买你喜欢的店铺。另一个方法就是DIY了，根据自己喜欢的样式打造一个自己专属的店铺。 如果有喜欢DIY的朋友可以一起聊聊，今晚就先说说导航栏的装修。 导航栏对于一个网站是十分重要的，但我觉得在淘宝里似乎弱一些，但对于一个买家对你店铺的第一印象导航栏也有着很重要的作用，我比较喜欢简洁的界面，但购买的模板导航和我设置完的白色背景有些不搭配，于是就是自己摸索着设计个简洁的导航，刚开始自己写代码，写了半天效果很是不理想。后来在查找资料的时候发现个 淘宝导航代码生成器，挺好用的，大家可以自己找下，用它生成了我网站导航栏现在的样子，虽然不够好，但比我自己做的好多了。 由于刚开始做淘宝，事情比较多，今天就先到这了，有不妥之处希望大家指正，不胜感激 下面分享下我的店铺的导航栏的代码： .skin-box-bd{background:#FFFFFF;}.all-cats .link .popup-icon{background:url(图片地址);}.skin-box-bd .menu-list{background:#FFFFFF;}.skin-box-bd .menu-list .menu{background:#FFFFFF;border:none;}.skin-box-bd .menu-list .menu .link{background:#FFFFFF;border:none;border-right:1px solid #FFFFFF;}.all-cats .link{background:#FFFFFF;border:none;}.all-cats .link:hover{background:#FFFFFF;}.all-cats .link .title{color:#000000;border:none;}.all-cats .link .title:hover{color:#000000;}.skin-box-bd .menu-list .menu .link:hover{background:#FFFFFF;}.skin-box-bd .menu-list .menu .link .title{background:none;color:#000000;font-weight:bold;}.skin-box-bd .menu-list .menu .link .title:hover{color:#000000;}.popup-content{background:#FFFFFF;border:none;padding:0px;margin:0px;}.popup-content .popup-inner{border:none;padding:0px;margin:0px;background:#CCCCCC;}.popup-inner .cats-tree .fst-cat{background:#CCCCCC;border-top:solid 1px #FFFFFF;}.popup-inner .cats-tree .fst-cat:hover{background:#EEEEEE;}.popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name{color:#000000;}.popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name:hover{color:#000000;}.popup-content .menu-popup-cats .sub-cat{background:#CCCCCC;}.popup-content .menu-popup-cats .sub-cat .cat-name{color:#000000;background:#CCCCCC;}.popup-content .menu-popup-cats .sub-cat .cat-name:hover{color:#000000;background:#EEEEEE;}.snd-pop-inner{height:auto;padding:0px;margin:0px;}.snd-pop-inner .fst-cat-bd{padding:0px;margin:0px;background-color:#EEEEEE;}.snd-pop-inner .fst-cat-bd .snd-cat-hd{background-color:#EEEEEE;}.snd-pop-inner .fst-cat-bd .snd-cat-name{color:#000000;}.snd-pop-inner .fst-cat-bd .snd-cat-name:hover{color:#000000;background-color:#EEEEEE;} |
|
|
