分享wordpress
建站有趣的代码资料

怎么修改锦鲤主题导航栏的颜色背景

其实一直有人问,怎么修改导航栏的黑色背景,因为这个涉及div框架和class样式表,不是一段代码就能搞定的,今天有时间就把教程整理以下,当然不是一步一步教,因为我并不适合做老师,我只是把成品拿出来,然后把对应的颜色空余出来,至于要什么颜色,自己添加就行了。

Z-BlogPHP开运锦鲤主题

Z-BlogPHP开运锦鲤


[tinr2v login=”1″]首页,导航栏被分成了两个DIV,一个是顶端悬浮(黑色)一个是跟随悬浮(白色+透明).

#header{  
  background: rgba(255,255,255,0.9);  
}  
.header-nav li a{  
  color: #333;  
}  
.search_top a{  
  font-size: 1.5em;  
  color: #333;  
}  
a.nav-userlogin{  
    color: #333;  
}  
span.nav-more{  
    border-top-color: #333;  
}  

代码可以直接放在锦鲤主题的自定义css里面,保存之后前台刷新,就变成了白色背景,有一点点透明效果,其中第一段:“#header”是div框架的ID值,我们采用rgba的颜色代码,因为这个这个设置一个小小透明效果,如果不需要透明可以设成“#fff”全白背景,下面的两个文本超链接,原样式是黑色,所以字体都是白色,修改之后背景是白色,那么就得在修改以下字体颜色,这么设置的是黑色,如果想修改的话把“#333”修改为别的颜色代码即可。

原文链接:李洋博客https://www.talklee.com/blog/425.html[/tinr2v]

赞(0) 打赏
一号博客版权所有,未经允许不得转载:一号博客 » 怎么修改锦鲤主题导航栏的颜色背景

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏