❶ 淘宝店铺导航栏点击之后是蓝色可以改颜色吗有css代码吗
可以更改,一般导航栏的css样式是:
<ul>
<li></li>
<li></li>
<li><a>店铺动态</a></li>
</ul>
定义一下<li>的样式即可。
看这个图片的样子是版把权<a>转化成块了。所以css里应该有:display:block;
.a{display:block;background:#000000} 加入,即可,不过背景是黑色的。
❷ 淘宝导航css代码
去掉全部边框:复
.all-cats .link{border:0px;}
.menu-list .menu{border:0px}
去掉箭头:
.all-cats .link .popup-icon{display:none;}
箭头是个制图标不是颜色,你可以用以下代码更改:
all-cats .link .popup-icon{background:url(图片连接);}
希望已经帮你解决问题了。
❸ 淘宝导航三级菜单背景色和字体颜色怎么改求css代码!
css大致就是像下面抄这样子写的:袭
背景色:
background-color:#efefef;
字体颜色:
color:#0f0f0f;
但是你没有告诉我们导航栏的DOM结构,class,id,没办法帮你弄呀。
可以直接去W3Shool自己学习一下css:http://www.w3school.com.cn/css/index.asp
马上就能学会啦。
❹ css设置导航菜单颜色
有两种思路。解决
第一种:通过判断当前的页面的分类ID和每个菜单的ID进行对比,哪个菜单的ID等于当前页面的分类ID。。那么给其添加一个CLASS让其样式发生变化。。这种方法需要PHP ASP .NET等WEB服务器脚本辅助实现。
第二种:就是通过纯CSS实现。。简单点说就是给每个菜单进点击进入的页面的body元素各添加一个class.然后通过CSS层叠样式表定义其页面击后的效果。示例如下
如果是产品介绍的页面那么body元素添加一个样式<body class=“proct”>
介绍页面呢给body元素再添加另一个样式<body class='about'>
其他页面以此类推
然后在样式表中这样定义点击后的页面的样式
/*定义菜单的初始样式*/
.menu li a{display:block;width:80px;height:30px;background:green;float:left;}
/*定义当前页面对应的菜单样式*/
body.proct .menu li a,body.about .menu li a{display:block;width:100%;height:100%;background:red;}
这样你进入产品介绍 和 公司介绍页面之后对应的CSS生效对应的菜单背景颜色会变红。。点进去变红。其他菜单还是初始样式。。
其实第二种比较麻烦。因为分别定义body加class那部分。。或者你用服务器脚本动态生成lclass 。也行。。但相比第一种还是麻烦了许多。
如果对您有帮助。还望采纳。谢谢。
❺ style.css怎么改导航颜色
因为没看到你的HTML代码,所以只能根据意思来判断了
.nav2{ width: 100%;background:#c00; height:40px;}
很有可能的是导航背景颜色,如果你想改成其他颜色的只需要把background的值换了就好了,如换成绿色:background:#0F0;
❻ css设置导航栏颜色
你说的应该是超链接的导航栏了。
超链接默认的状态是 :link,点击过是 :visited,所以,满足你要求的是这两个属性的颜色值要是一样的。例如。
<style>
a:link{color:#888;}
a:visited{color:#888;}
</style>
<body>
<a href="#">首页</a> | <a href="#">文章</a>
</body>
当然,如果你想让A在所有的状态下,颜色都一样的话,只需要用一个
a{}定义颜色不可以了。
❼ 跪求淘宝导航css黑底白字代码!!!
亲,淘宝普通店家不让用CSS定义样式...
如果需要黑底白字,可以让美工制作成图片形式的链接代替导航,也可以花钱购买模板...
❽ 谁有漂亮的淘宝网导航的样式css代码
1.修改导航分类下面的背景色,代码如下:
.skin-box-bd .link{background:#000000;}
修改导航分类下面的图片,代码如下:
.skin-box-bd .link{background:url(图片链接);}
2.修改整个导航的背景色
.skin-box-bd .menu-list{background:#000000;}
修改整个导航背景为图片
.skin-box-bd .menu-list{background:url(图片链接);}
3.修改最右边留下的一小块,2里提到的,代码如下:
.skin-box-bd{background:#000000;}
修改成图片的代码如下:
.skin-box-bd{background:url(图片链接);}
4.字外加色:
.skin-box-bd .menu-list .menu-selected .link{background:#000000;}
5.字里加色:
.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}
字外+字里=全部!
----------------------------------------------------------------------------------------
1.导航背景色代码(除去“所有分类”)如下:
.menu-list .link{background:#000000;}
2.导航栏文字(除去“所有分类”)如下:
.menu-list .menu .title{color:#颜色代码;font-size:字号px;}
3.“所有分类”的背景色代码如下:
.all-cats .link{background:#000000;}
4.“所有分类”的文字代码如下:
.all-cats .link .title{color:#颜色代码;font-size:字号px;}
最新代码,解决字体改大后导航右侧消失的情况!
代码如下:
.all-cats .link .title{font-size:字号px;}.all-cats .link {background:#3BAFFF;margin:0;padding:0px 3px;}
字号最大为21,继续变大右侧导航将消失!该代码还不是很完善,我们会继续研究!
5.二级分类文字代码如下:
.popup-content .cats-tree .fst-cat .cat-name{font-size:字号px;color:#颜色代码;font-weight:bold/bolder/normal;}
6.二级分类背景代码如下:
.popup-content{background:#000000;}
7.三级分类文字代码(除去“所有宝贝”分类)如下
.popup-content .cats-tree .snd-pop-inner{font-size:字号px;color:#颜色代码;font-weight:bold/bolder/normal;}
8.三级分类文字代码(包括“所有宝贝”分类字体大小)这样就无法改变字体颜色,我们会继续完善该代码!如下
.popup-content .cats-tree .snd-pop-inner{font-size:字号px;color:#颜色;}
9.三级分类背景代码:
.popup-content .cats-tree .snd-pop-inner{background:#000000;}
10.一级导航分类(除去“所有宝贝”分类)分隔线颜色代码如下:
.menu-list .menu{border-color:#000000;}
11.一级导航“所有宝贝”分类分隔线颜色代码如下:
.all-cats .link{border-color:#000000;}
12.一级导航分类的宽度修改代码如下:
.menu-list .menu{background:#颜色;margin:0;padding:0px 增加的宽度px;}
13.鼠标滑过一级分类导航文字变换背景色代码如下:
.menu-list .menu-hover .link{background:#000000;}
14.鼠标滑过一级分类导航文字变换颜色代码如下:
.menu-list .menu-hover .link .title{color:#FFFFFF;}
15.鼠标滑过二级分类导航文字变换背景色代码如下:
.popup-content .cats-tree .cat-hd-hover{background:#000000;}
16.鼠标滑过二级分类导航文字变换颜色代码如下:
.skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:#ff0000;}
17.鼠标滑过三级分类导航文字变换背景色代码如下:
.popup-content .cats-tree .snd-cat-hd-hover{background:#000000;}
18.二级分类上加空间代码如下:
.popup-content .cats-tree{margin:0 0 50px 0;}
19.修改“所有宝贝”右边小图标代码如下:
.all-cats .link .popup-icon{background:url(图片连接);}
20.修改二级分类右侧图标代码如下(有三级分类才会显示):
.popup-content .cats-tree .fst-cat-icon{background:url(图片连接);}
22.在三级分类前加上小块白色代码如下:
.popup-content .cats-tree .snd-cat-icon{display:block;height:3px;width:3px;}
23、激活项目的文字背景色(难看,所以none)、文字颜色(选白色)
.skin-box-bd .menu-list .menu-selected .link .title{background:none;color:white;}
24、激活项目的项目背景色(项目框),选紫色
.skin-box-bd .menu-list .menu-selected .link{background:purple;}
补充内容
-------------------------------------------------------------------------------------------
隐藏导航上,所有分类的导航: .all-cats{display:block;overflow:hidden;width:0;height:0;}
这个改完 所有分类是会被隐藏。但是如果你导航条用了其他颜色,导致和原来模版颜色不一样。那么可以添加一行: .skin-box-bd{width:200px;}
希望可以绑定石你