如何让别人的导航栏css代码成为你的
更新时间:2024-02-10 02:21:01 阅读量: 经典范文大全 文档下载
- 如何让导航栏横起来推荐度:
- 相关推荐
篇一:Css导航条设置颜色代码
Css导航条设置颜色代码
.skin-box-bd{background:#6C166D;}.skin-box-bd .link{background:#6C166D;}.skin-box-bd .menu-list{background:#6C166D;}.skin-box-bd .menu-list .menu-selected .link{background:#6C166D;}.skin-box-bd .menu-list .menu-selected .link .title{background:#6C166D;}.menu-list .link{background:#6C166D;border-left:1px solid #721973;}.menu-list .menu-hover .link{background:#9B2B9C;}.popup-content .cats-tree .cat-hd-hover{background:#9B2B9C;}.popup-content{background:#6C166D;}.sub-cat{background:#6C166D;}.all-cats .link{background:#6C166D;}.menu-list .link{background:#6C166D;}.menu-selected{background:#6C166D;border-right:1px solid #6C166D;}.menu-list .menu-selected .link{background:#6C166D;}.popup-content .cats-tree .cat-hd-hover .fst-cat-hd{background:#812182;}.popup-content .cats-tree .snd-pop-inner{background:#812182;}.menu-popup-cats .sub-cat-hover{background:#812182;}.popup-content .cats-tree .snd-pop .snd-cat-hd-hover{background:#952B96;}.all-cats-hover .link .popup-icon{background-position:0 -1088px;}.menu-list .menu-hover .link .popup-icon{background-position:0px -1088px;}.popup-content .cats-tree .fst-cat-icon{background-position:-3px -1204px;}.popup-content .cats-tree .snd-cat-icon{background-position:-3px -1204px;}.popup-content .cats-tree .snd-cat-hd-hover .snd-cat-icon{background-position:-3px -1204px;}.popup-content .cats-tree .snd-cat-hd-hover .snd-cat-name{color:#FFFFFF;text-decoration:none;}.all-cats .link{width:100px;}.all-cats-hover .link{font-size:14px;}.menu-list .link .title{font-size:14px;}.all-cats .link{font-size:14px;}
篇二:网页制作导航栏代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
"http:///#">首页</a></li>
<li><a href="http://sxx.dzu.edu.cn/xbgk/html/170.html">学院概括</a></li>
<li><a href="http://sxx.dzu.edu.cn/xbgk/html/169.html">学院简介</a></li>
<li><a href="http://sxx.dzu.edu.cn/xbgk/html/171.html">学院概括</a></li>
<li><a href="./德州学院数学科学学院_files/德州学院数学科学学院.htm">行政机构</a></li>
</ul>
篇三:【旺铺2012分享】导航CSS代码深入篇 全方位制作属于你的个性导航
【旺铺2012分享】导航CSS代码深入篇 全方位制作属于你的个性导航
论坛里很早就有修改导航代码的教程了,大家应该也都知道。
一些基本的我就不再重复了,本帖旨在深入与提高。
用到的软件有Photoshop, Dreamweaver,不会用吗?
其实我也只是个老菜鸟,不过我们不用在意这些,两个软件只是辅助一下。
我们只是从中拿点数据来用而已,在下会提供所有源文件供大家“分解”!
①修改导航链接文字的背景色
.skin-box-bd .link{background:#000000;}
②修改整个导航的背景色
.skin-box-bd .menu-list{background:#000000;}
到这里大家会发现导航右边会有一缺口,我也不知道是啥东西,不管它下一个代码补上。
③修补导航右侧缺口
.skin-box-bd{background:#000000;}
这个比较简单,我就不啰嗦了,#后面是颜色值,大家可以调用Photoshop来获取。
如图
到这里,还有链接文字点击的背景没被换到,这里分为字里字外两个部分,再上两个代码!
④链接文字后内背景代码
.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}
⑤链接文字点击后外背景代码
.skin-box-bd .menu-list .menu-selected .link{background:#000000;}
把这两个颜色取值相同就看不出了。
以上是关于导航颜色的部分,这些大家应该都知道了,我就只大概说一下,后边套套公式就可以了。
下面进入主题!
单独个性颜色是不是太单调了呢?整点图片那才叫个性!
每个代码的颜色值都可以换成“url(图片链接)”,大家可以参考一下我做的。
我用的图片有这几张下面几张图
店招+导航全局主图
按下文字后的背景图
导航背景色
页头背景图
其实都是从源文件里裁出来的。
花了些时间整理了一下,稍后我会上传源文件供大家试用。
回到正题,接下来就直接套代码吧!
首先上①号代码
.skin-box-bd .link{background:url(http://img01.taobaocdn.com/imgextra/i1/1053486591/T2Ffq3Xc8aXXXXXXXX_!!1053486591.jpg);}
这图片可以是直接一根950的,但我觉得没那必要,它会自动平铺。
因为我的图有抽丝效果,我只选择30*30Pixel,后面会有说明。
正在阅读:
如何让别人的导航栏css代码成为你的02-10
浅析现代家庭教育中存在的问题及对策10-11
工作总结01-11
超星尔雅尔雅通识大学生心理健康教育答案12-10
财务管理作业(2-11章)12-30
曾经,我和一个妓女这样聊天03-27
第二篇4-7章药理学学习资料06-07
- 关于实施新冠肺炎疫情精准防控的指导意见
- 学生党员在疫情期间做出的思想汇报
- 《深度工作》读书感悟
- 抗"疫"期间思想汇报5篇
- 学校承诺书|面对疫情,我们承诺
- 公司战“疫”感悟_我想和你们在一起
- 国培送教下乡培训感悟总结
- 只盼“樱花”早盛开,烂漫如当年
- 疫情防控工作感悟
- 关于疫情的几点思考及感悟
- 读蒋廷黻《中国近代史》有感
- 党小组长培训资料汇
- 2019年度副镇长述职述德述廉报告
- 疫情期间教师直播感悟
- 新型冠状病毒肺炎疫情防控心得体会4篇
- 在书记抓党建工作述职评议大会上的讲话
- 《老师请回答》观后感
- 2020年党组织书记党建工作考核办法
- 在疫情防控暨企业复工复产工作会议上的讲话
- 企业疫期复工管理方式与措施
- 别人
- 代码
- 成为
- 导航
- 如何
- css