所属分类:PHPBB论坛程序,插件收集与修改
转载自http://koda.javaeye.com/blog/241672
phpBB3把美工设计称之风格(Style),phpBB风格定制清晰地分为三个部分:
1. 模板修改:为了变换页面结构而修改模板文件。
2. 主题(Them)定制:通俗地说,就是更改页面的色调、色彩搭配等,主要是CSS的书写
3. 图片组定制:网站的按钮、Logo、菜单条等等所有配合页面风格的图片被归类为图片组
风格定制以上三个方面的都是可以独立安装和使用的,非常灵活。另外,phpBB3的目录结构比照phpBB2合理整洁了很多。特别是风格目录结构。
要定制phpBB的风格,首先你要理解的问题是phpBB是如何加载模板的。学习别人写好的phpBB风格是一个好的开始。
I 尝试安装别人写好的phpBB风格
1.下载风格文件:css,图片和模板文件
2. 把风格文件组织好放到 $PHPBB_HOME/styles目录下
3. 进入phpBB后台安装风格。这一步是大家要好好理解的:
进入phpBB后台风格页,phpBB自动辨识出来上面复制到STYLES目录下这套风格。然后依次安装模板、主题和图片。这个安装过程实质是:按照phpBB的规则将相应的css结构化放到数据库中。这同时也意味着,接下来任何css的更改,都需要在这里刷新,使其数据库更新才能真正生效(后面有进一步介绍)。
然后使刚刚装载的风格设置为默认风格,打开phpBB前端,这是的新载入的bb风格风格就生效了。
II 接下来着手定制风格
1. 修改图片: 直接去风格相应目录下,查找相应文件修改,即时生效
2. 修改主题(CSS文件): 打开已有的css文件,修改或增加class。然后去phpBB后台风格菜单下刷新CSS(到数据库)
3. 修改模板文件: 找到主体目录下/template字目录下的html文件,修改存盘。然后去phpBB后台刷新模板文件缓存(也可以直接清除cache目录,可惜的是phpBB3不提供开发时禁止缓存功能)
4. 增加CSS文件: 风格目录下有一个stylesheet.css,加入如下行
@import url("<your_css_file_name>.css");
然后在<your_css_file_name.css>文件中添加任何你想要得css效果。
5. 增加图片, 根据需要可以在风格theme/images或者imageset目录下新增图片,然后在css或模板文件中引用。涉及到修改模板或者css文件,参考前面的描述实现
phpBB3把美工设计称之风格(Style),phpBB风格定制清晰地分为三个部分:
1. 模板修改:为了变换页面结构而修改模板文件。
2. 主题(Them)定制:通俗地说,就是更改页面的色调、色彩搭配等,主要是CSS的书写
3. 图片组定制:网站的按钮、Logo、菜单条等等所有配合页面风格的图片被归类为图片组
风格定制以上三个方面的都是可以独立安装和使用的,非常灵活。另外,phpBB3的目录结构比照phpBB2合理整洁了很多。特别是风格目录结构。
要定制phpBB的风格,首先你要理解的问题是phpBB是如何加载模板的。学习别人写好的phpBB风格是一个好的开始。
I 尝试安装别人写好的phpBB风格
1.下载风格文件:css,图片和模板文件
2. 把风格文件组织好放到 $PHPBB_HOME/styles目录下
3. 进入phpBB后台安装风格。这一步是大家要好好理解的:
进入phpBB后台风格页,phpBB自动辨识出来上面复制到STYLES目录下这套风格。然后依次安装模板、主题和图片。这个安装过程实质是:按照phpBB的规则将相应的css结构化放到数据库中。这同时也意味着,接下来任何css的更改,都需要在这里刷新,使其数据库更新才能真正生效(后面有进一步介绍)。
然后使刚刚装载的风格设置为默认风格,打开phpBB前端,这是的新载入的bb风格风格就生效了。
II 接下来着手定制风格
1. 修改图片: 直接去风格相应目录下,查找相应文件修改,即时生效
2. 修改主题(CSS文件): 打开已有的css文件,修改或增加class。然后去phpBB后台风格菜单下刷新CSS(到数据库)
3. 修改模板文件: 找到主体目录下/template字目录下的html文件,修改存盘。然后去phpBB后台刷新模板文件缓存(也可以直接清除cache目录,可惜的是phpBB3不提供开发时禁止缓存功能)
4. 增加CSS文件: 风格目录下有一个stylesheet.css,加入如下行
@import url("<your_css_file_name>.css");
然后在<your_css_file_name.css>文件中添加任何你想要得css效果。
5. 增加图片, 根据需要可以在风格theme/images或者imageset目录下新增图片,然后在css或模板文件中引用。涉及到修改模板或者css文件,参考前面的描述实现