【项目开发】DISCUZ论坛添加页头及页尾背景图片的几种方法
来源:互联网 发布:windows xp 桌面主题 编辑:程序博客网 时间:2024/06/07 10:40
先给大家分享页头添加背景图片的两种方法:
1. 第一种效果,是给discuz的整体框架添加背景图片,见图示:
添加方法如下:找到你现在使用模板common文件下的header.html文件,在<head></head>部分添加以下代码:
这种方法适用于非宽屏的风格,且背景图片多为宽像素的某张图片。添加此代码后,可能需要调整位置,修改padding-top后面的像素即可。
2. 第二种效果,是给discuz论坛导航栏上方的logo位置区域添加背景图片,见图示:
添加方法也超简单,找到header.htm中关于top部分的代码,找到banner所在的div层,默认应该是id=hd,在之后加入以下代码,最终代码展示为:复制代码注意添加的图片高度要始终哦,而且不要和logo有冲突,这里也侧面证明了logo做成透明PNG格式的必要性。
三、添加页尾即页面底部背景图片的方法
OK,大同小异,为添加页尾添加背景图片的方法,是找到footer.htm模板文件,在代码中footer_banner代码下方即“ <!--{hook/global_footer}-->”添加以下代码:
做的图片效果越清淡效果会越好.
1. 第一种效果,是给discuz的整体框架添加背景图片,见图示:
添加方法如下:找到你现在使用模板common文件下的header.html文件,在<head></head>部分添加以下代码:
- <style>body { background-image:url(你的背景图片地址,如http://abc.com/imgs/bg.jpg); background-repeat:no-repeat; background-position: top center; padding-top:40px;}</style>
2. 第二种效果,是给discuz论坛导航栏上方的logo位置区域添加背景图片,见图示:
添加方法也超简单,找到header.htm中关于top部分的代码,找到banner所在的div层,默认应该是id=hd,在之后加入以下代码,最终代码展示为:
- <div id="hd" style="background-image: url(static/image/xxx.jpg); background-repeat:no-repeat; background-position:center; background-position:top">
三、添加页尾即页面底部背景图片的方法
OK,大同小异,为添加页尾添加背景图片的方法,是找到footer.htm模板文件,在代码中footer_banner代码下方即“ <!--{hook/global_footer}-->”添加以下代码:
- <div style="background-image: url(http://你的背景地址.jpg); background-repeat:no-repeat; background-position:center; background-position:top>
0 0
- 【项目开发】DISCUZ论坛添加页头及页尾背景图片的几种方法
- DISCUZ论坛添加页头及页尾背景图片的几种方法
- discuz论坛登陆框外部调用的几种方法
- discuz论坛登陆信息外部调用的几种方法
- Discuz!开发之论坛主题列表页标题长度的限制方法
- discuz论坛几种安全策略
- DZ X页头主菜单背景图片透明自由更换页头背景图片的方法
- discuz论坛几种安全策略(一)
- discuz论坛几种安全策略(二)
- UIView设置背景图片的几种方法
- 响应式背景图片的几种方法
- Discuz!论坛教程之去掉帖子列表页的附件图标的方法
- Discuz论坛防止广告机的方法
- VS2008系统开发背景图片的添加及注意事项
- 为UINavigationBar添加背景图片的几种简单思路
- UINavigationBar添加背景图片的几种简单思路
- UIView添加背景图片的方法
- CButton添加背景图片的方法
- LeetCode Search a 2D Matrix
- Maven 常用命令整理
- 中缀式变后缀式
- JVM规范学习:签名多态性
- 简单DP 免费馅饼 HDU 1176
- 【项目开发】DISCUZ论坛添加页头及页尾背景图片的几种方法
- 64位WIN7+oracle11g+plsql安装
- 设计模式-结构模式之桥梁模式Bridge
- Oracle笔记之子查询
- JS数学揭密之【三角函数】
- libgdx粒子工具使用介绍(particle editor)
- memset的理解
- C++头文件
- JUnit 4 使用手册