CSS文件修改
商机编号:137579 发布时间:2010-03-11 13:45:58 有效期:长期有效
我自己用wordpress的一个模板做的网站。菜单色彩不太满意。使用的CSS文件及当前的菜单效果图附在后面。
任务目标:1、主菜单背景色由黑色变成深灰色;2、锚定的主菜单项背景色由灰色变成深红色;3、请告诉我每一行CSS内容的意思。4、先完成者得款。
CSS代码:
/* 黑色导航风格===我改了一些颜色*/
ul#navigation{background-position:left -464px;background-color:#000;}
/* 初始值:background-color:#000;好像是菜单条上半部分的背景色*/
ul#navigation li{background-position:right bottom;}
ul#navigation li a{text-shadow:none;color:#dddddd;}
/* 初始值:color:#b3b3b3;是菜单文字的颜色,改为#dddddd*/
ul#navigation li.active a,
ul#navigation li.current_page_item a,ul#navigation li.current_page_parent a,ul#navigation li.current_page_ancestor a,
ul#navigation li.current-cat a,ul#navigation li.current-cat-parent a,ul#navigation li.current-cat-ancestor a{background-position:left -164px;color:#ddd;}/* 初始值:color:#fff;锚定的菜单文字颜色*/
ul#navigation li a:hover,ul#navigation li:hover a,ul#navigation li a.fadeThis span.hover{background-color:rgba(255,0,0,0.66);}
/* 初始值:background-color:rgba(255,255,255,0.1);鼠标悬浮在菜单上时的背景颜色*/
ul#navigation li:hover li a{background-color:transparent;}
ul#navigation li li a:hover,ul#navigation li li a.fadeThis span.hover{background-color:#DA1212 !important;}/* 初始值:background-color:#ed1e24 鼠标悬浮在下拉菜单上时的光条颜色*/
ul#navigation li.active a span.pointer,
ul#navigation li.current_page_item a span.pointer,ul#navigation li.current_page_parent a span.pointer,ul#navigation li.current_page_ancestor a span.pointer,
ul#navigation li.current-cat a span.pointer,ul#navigation li.current-cat-parent a span.pointer,ul#navigation li.current-cat-ancestor a span.pointer
{background-position:center bottom;}
ul#navigation ul{background-color:rgba(0,0,0,0.5);border-color:#000;}
/* 初始值:background-color:rgba(0,0,0,0.66);是下拉菜单的背景颜色,改为0.5*/
ul#navigation li.active ul,
ul#navigation li.current_page_item ul,ul#navigation li.current_page_parent ul,ul#navigation li.current_page_ancestor ul,
ul#navigation li.current-cat ul,ul#navigation li.current-cat-parent ul,ul#navigation li.current-cat-ancestor ul
{background-color:rgba(0,0,0,0.5);border-color:#000;}
/* 初始值:background-color:#656565;border-color:#656565;锚定的下拉菜单的背景颜色及边框色,改为background-color:rgba(0,0,0,0.5);border-color:#000;*/
ul#navigation ul ul{border-top:1px solid rgba(255,255,255,0.5);}
/* 初始值:rgba(255,255,255,0.5);不知其义*/
当前效果图:(有附件)好像上不了附件了,请QQ联系我要吧。
任务目标:1、主菜单背景色由黑色变成深灰色;2、锚定的主菜单项背景色由灰色变成深红色;3、请告诉我每一行CSS内容的意思。4、先完成者得款。
CSS代码:
/* 黑色导航风格===我改了一些颜色*/
ul#navigation{background-position:left -464px;background-color:#000;}
/* 初始值:background-color:#000;好像是菜单条上半部分的背景色*/
ul#navigation li{background-position:right bottom;}
ul#navigation li a{text-shadow:none;color:#dddddd;}
/* 初始值:color:#b3b3b3;是菜单文字的颜色,改为#dddddd*/
ul#navigation li.active a,
ul#navigation li.current_page_item a,ul#navigation li.current_page_parent a,ul#navigation li.current_page_ancestor a,
ul#navigation li.current-cat a,ul#navigation li.current-cat-parent a,ul#navigation li.current-cat-ancestor a{background-position:left -164px;color:#ddd;}/* 初始值:color:#fff;锚定的菜单文字颜色*/
ul#navigation li a:hover,ul#navigation li:hover a,ul#navigation li a.fadeThis span.hover{background-color:rgba(255,0,0,0.66);}
/* 初始值:background-color:rgba(255,255,255,0.1);鼠标悬浮在菜单上时的背景颜色*/
ul#navigation li:hover li a{background-color:transparent;}
ul#navigation li li a:hover,ul#navigation li li a.fadeThis span.hover{background-color:#DA1212 !important;}/* 初始值:background-color:#ed1e24 鼠标悬浮在下拉菜单上时的光条颜色*/
ul#navigation li.active a span.pointer,
ul#navigation li.current_page_item a span.pointer,ul#navigation li.current_page_parent a span.pointer,ul#navigation li.current_page_ancestor a span.pointer,
ul#navigation li.current-cat a span.pointer,ul#navigation li.current-cat-parent a span.pointer,ul#navigation li.current-cat-ancestor a span.pointer
{background-position:center bottom;}
ul#navigation ul{background-color:rgba(0,0,0,0.5);border-color:#000;}
/* 初始值:background-color:rgba(0,0,0,0.66);是下拉菜单的背景颜色,改为0.5*/
ul#navigation li.active ul,
ul#navigation li.current_page_item ul,ul#navigation li.current_page_parent ul,ul#navigation li.current_page_ancestor ul,
ul#navigation li.current-cat ul,ul#navigation li.current-cat-parent ul,ul#navigation li.current-cat-ancestor ul
{background-color:rgba(0,0,0,0.5);border-color:#000;}
/* 初始值:background-color:#656565;border-color:#656565;锚定的下拉菜单的背景颜色及边框色,改为background-color:rgba(0,0,0,0.5);border-color:#000;*/
ul#navigation ul ul{border-top:1px solid rgba(255,255,255,0.5);}
/* 初始值:rgba(255,255,255,0.5);不知其义*/
当前效果图:(有附件)好像上不了附件了,请QQ联系我要吧。
| 联系方式 | 请您填写反馈留言后查看相关联系方式 |
商机反馈
泡泡happy IP:58.214.7.*
2010-03-11 17:20:21 发布
看看。。。
罗软 IP:219.140.241.*
2010-03-11 15:35:41 发布
湖北罗软科技,致力于软件外包服务。我们专心、专注,所以专业。罗软期待着与您的合作。业务联系电话:15827230499,QQ:1345452705,Email:hblrkj@163.com
harry IP:59.51.83.*
2010-03-11 15:21:58 发布
看看,能帮上忙不?
发布反馈
| 登录邮箱: 密码: 自动登录 注册 |
| 验证码:
|
| 寻找产品: | |||
| 姓 名: | 电 话: | ||
| 公 司: | E-mail: | ||
| 描 述: | |||
重点推荐
营销论坛
外包论坛
订阅商机速递





