B2主题美化头部菜单栏,底部信息,实现全透明网站
本文是《原创(共20篇)》专题的第 2 篇。阅读本文前,建议您先阅读前面的文章:
本站就是演示站,透明菜单栏
打开主题文件下的
主题第一行菜单栏位置
Header.php (Modules/Templates/Header.php)
第33-34行的: .header-banner{
background-color:'.$bg.'
}
改为: .header-banner{
background-color:transparent
}
第二行菜单栏位置
Header.php (Modules/Templates/Header.php)
第52-54行的
.header{
background-color:'.$bg2.';
color:'.$text_color_2.'
}
修改成如下的代码
.header{
background-color:transparent;
color:'.$text_color_2.'
修改后头部会有一行白线,打开/b2/Assets/fontend/style.css
1014-1020行找到,把以下代码
/*LOGO居中、菜单居中*/.logo-center .top-style,.logo-left .top-style,.menu-center .top-style,.social-top .top-style-bottom,.logo-top{
border-top: 1px solid #f5f6f752;
}
修改为
/*LOGO居中、菜单居中*/.logo-center .top-style,.logo-left .top-style,.menu-center .top-style,.social-top .top-style-bottom,.logo-top{
border-top: 1px solid transparent;
}
即可消除白线
底部第一栏位置,第二栏位置
(footer.php)
将这串代码background-color:的后面
<style>
.site-footer{
background-color:<?php echo b2_get_option('template_footer','footer_color'); ?>
}
.site-footer-nav{
background-color:<?php echo b2_get_option('template_footer','footer_nav_color'); ?>
}
#bigTriangleColor{
background-color:<?php echo b2_get_option('template_footer','footer_color'); ?>
}
</style>
修改为
<style>
.site-footer{
background-color:transparent;
}
.site-footer-nav{
background-color:transparent;
}
#bigTriangleColor{
background-color:transparent;
}
</style>
即可实现全站透明菜单栏
您已阅读完《原创(共20篇)》专题的第 2 篇。您可以继续阅读该专题下面的文章:
- 3.B2主题美化 右侧小工具仿CSDN社区
- 4.B2美化button动态按钮
- 5.WordPress隐藏后台顶部redis对象缓存插件显示的菜单
- 6.B2主题中用代码做个悬浮目录
- 7.B2主题怎么添加本篇文章的ID到文章顶部
- 8.B2主题怎么在WordPress后台通过ID搜索文章
- 9.B2主题修复任务中心右侧箭头图标不显示
- 10.B2主题美化签到按钮样式
- 11.B2主题修改侧边悬浮工具条等级前面的自定义文字
- 12.B2主题修改顶部头像下拉菜单栏的等级图标位置
- 13.B2主题添加目录按钮自用版
- 14.B2主题美化用户登录小工具
- 15.B2主题仿子比主题未登入小工具UI
- 16.WordPress在网页的底部显示今日ip访问统计信息
- 17.B2主题修改评论区文章作者和管理员前面图标
- 18.B2主题美化大屏搜索雨滴玻璃效果背景
- 19.B2主题修改专题页面的文章排序布局样式
- 20.B2主题修改文章内页分享评论互动模块