B2主题美化头部菜单栏,底部信息,实现全透明网站
本文是《原创(共22篇)》专题的第 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>
即可实现全站透明菜单栏
您已阅读完《原创(共22篇)》专题的第 2 篇。您可以继续阅读该专题下面的其它文章: