本文目录
淘宝装修导航栏的分隔线怎么去除啊!!求代码
分割线没办法去除,不过可以改变颜色,你把他改成和你导航条一样的颜色
效果也一样
一级导航分类(除去“所有宝贝”分类)分隔线颜色代码如下:代码前面还有个小点点哦
别漏掉了
.menu-list
.menu{border-color:#000000;}
一级导航“所有宝贝”分类分隔线颜色代码如下:
.all-cats .link{border-color:#000000;}
颜色你会改的吧
#后面的改成你的颜色值就可以了
手机淘宝店首页底部导航栏怎么设置方法
我们大家在淘宝上面购物的时候,不管进入到哪个淘宝店铺,都会去看导航栏,通过这个导航栏我们可以找到想要的商品。所以商家们要重视这方面的设置,淘宝店铺首页导航栏如何制作?
步骤1;设计店招导航
打开photoshop(下面简称PS),新建一个1920X150像素文件,设计好自己的店招。
店招+导航尺寸详解。(①为什么宽度要是1920像素?答;1920像素基本能支持所有电脑全屏展示。 ②高度为什么150px? 答;店招高度120px,
红条导航30px。③主要内容要放在950X150px 居中部分。 )-淘宝导航代码
设计好之后按照上面尺寸标示,储存一个全屏1920X150.jpg文件,和一个950X150.jpg文件,留好备用。
步骤2;给店招导航添加链接
这里要用到Dreamweaver,添加热点功能为导航添加链接,(这个方法加的链接
只能在店招导航上面用,不能在自定义内容区域使用,本人测试过)。
打开Dreamweaver →新建文档→ 空白 HTML(无)文档创建→ 菜单栏 点击插入 → 图像 →
找到自己的刚刚存放的文件950X150.jpg文件→ 确定→ 确定。
上方--代码拆分设计--点击设计栏,在点击图片,下方属性能看见,箭头和矩形图形。
点击矩形,在要添加链接的图片上,画上矩形。 之后点击矩形,在链接的地方粘贴 点击跳转的网络地址。 目标选择—_blank
(单机链接后是新建一个页面跳转)
链接都添加完成后,点击上面的代码。复制这一份代码(去淘宝后台装修)。
步骤3;淘宝后台装修。
把刚刚复制好的代码,粘贴到(淘宝→卖家中心→店铺装修→店招右上角编辑,把刚开始做好的950X150.jpg图片上传到淘宝图片空间,复制链接,替换下图中选着的部分。
下一步,装修后台左边选择页头,更换图片选择刚才做好的1920X150.jpg图片。不平铺居中,应用到多有页面。
以上就是小编为大家带来的设置的方法了,这个导航栏其实就和导购一样,意义是一样的,好的导航栏可以带瞎消费者们找到自己想要的商品,所以制作它是非常的有必要的。
推荐阅读:淘宝店铺首页导航栏怎么弄?在哪设置?
淘宝导航栏CSS代码
其实你说的不是很清楚,如果有什么不明白的再说:
首先是css:
a{ color: #000000}
a:hover {color: #fff; background: #000; }
然后a标签
《a href=“@“》点击按钮《/a》
这些是a标签的一些样式
a 标签对是一个网站的一条信息链接定义的,a:link {} /* 未访问的链接 */
a:visited {} /* 已访问的链接 */
a:hover {} /* 当有鼠标悬停在链接上 */
a:active {} /* 被选择的链接 */-淘宝导航代码
然后你下面的我大体的说一下
background:none;没有背景;
border:none;没有边框;
color:#000000;font-size:15px;font-weight:bold;字体颜色是黑色的,大小15像素,加粗
background:transparent。意思就是背景透明。实际上background默认的颜色就是透明的属性。所以写和不写都是一样的
淘宝导航条修改代码
你好,导航你看看下面的代码,我现在在用,没问题,把对应的文字改成你要设置的颜色,如果不显示颜色(透明色),就把颜色改成#transparent就可以了
.skin-box-bd{background:##导航背景色;}/*此代码由樱淘美工作室提供*/
.skin-box-bd .menu-list{background:##导航背景色;}
.skin-box-bd .menu-list .menu{background:##导航背景色;border:none;}
.skin-box-bd .menu-list .menu .link{background:##导航背景色;border:none;border-right:1px solid #transparent;}
.all-cats .link{background:##所有分类背景色;border:none;}
.all-cats .link:hover{background:##鼠标触控所有分类背景色;}
.all-cats .link .title{color:##所有分类文字色;border:none;}
.all-cats .link .title:hover{color:##鼠标触控所有分类文字色}
.skin-box-bd .menu-list .menu .link:hover{background:##鼠标触控导航背景色;}
.skin-box-bd .menu-list .menu .link .title{background:none;color:##导航文字色;font-weight:normal;}
.skin-box-bd .menu-list .menu-selected .link{background:##鼠标触控导航背景色;}
.skin-box-bd .menu-list .menu .link .title:hover {color:##鼠标移至导航文字色;}
.skin-box-bd .menu-list .menu-selected .link .title{color:##导航文字色;}
.popup-content{border:none;padding:0px;margin:0px;}
.popup-content .popup-inner{border:none;padding:0px;margin:0px;background:#2b913a;}
.popup-inner .cats-tree .fst-cat{background:#2b913a;border-top:solid 1px #2b913a;}
.popup-inner .cats-tree .fst-cat:hover{background:#5f0430;}
.popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name{color:#ffffff;}
.popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name:hover{color:#ffffff}
.popup-content .menu-popup-cats .sub-cat{background:#2b913a;}
.popup-content .menu-popup-cats .sub-cat .cat-name{color:#ffffff;background:#2b913a;}
.popup-content .menu-popup-cats .sub-cat .cat-name:hover{color:#ffffff;background:#5f0430;}
.snd-pop-inner{height:auto;padding:0px;margin:0px;}
.snd-pop-inner .fst-cat-bd{padding:0px;margin:0px;background-color:#f8fbc4;}
.snd-pop-inner .fst-cat-bd .snd-cat-hd{background-color:#f8fbc4;}
.snd-pop-inner .fst-cat-bd .snd-cat-name{color:#333333;}
.snd-pop-inner .fst-cat-bd .snd-cat-name:hover{color:#ffffff;background-color:#5f0430;}
谢谢采纳!
-淘宝导航代码