让Drupal的论坛看起来像PHPBB一样!
Submitted by kzeng on Fri, 2005-10-07 21:39目标:
让Drupal的论坛看起来像PHPBB2一样,注意,这只是改变Drupal的外观,并为真正与PHPBB结合。Drupal也可以利用模块与PHPBB2结合,详情参看我的这篇blog。
示例:
我这里的论坛。
步骤:
为了实现这个外观效果,我们需要借助一个flatforum模块,下载这个模块,解压缩,里面包含flatforum.module, node-forum.tpl.php, template.tpl.php, flatforum.mysql 这四个文件,把node-forum.tpl.php和 template.tpl.php拷贝到你现在使用的主体的目录下,然后安装flatforum.module,把flatforum.mysql 加入数据库。到这一步完成实际上所要的效果已经有了,下面需要做的是添加CSS样式,让它看起来更像PHPBB(当然你也可以通过CSS让它像别的论坛软件)
目标:
让Drupal的论坛看起来像PHPBB2一样,注意,这只是改变Drupal的外观,并为真正与PHPBB结合。Drupal也可以利用模块与PHPBB2结合,详情参看我的这篇blog。
示例:
我这里的论坛。
步骤:
为了实现这个外观效果,我们需要借助一个flatforum模块,下载这个模块,解压缩,里面包含flatforum.module, node-forum.tpl.php, template.tpl.php, flatforum.mysql 这四个文件,把node-forum.tpl.php和 template.tpl.php拷贝到你现在使用的主体的目录下,然后安装flatforum.module,把flatforum.mysql 加入数据库。到这一步完成实际上所要的效果已经有了,下面需要做的是添加CSS样式和图标,让它看起来更像PHPBB(当然你也可以通过CSS让它像别的论坛软件)
添加如下CSS代码到你主题下的style.css文件中:
#forum {width:100%;}
#forum td.container {background-color:white; font-size: .9em; font-weight:bold;font-family:verdana;padding-top:5px;}
#forum td.forum{border:solid white 1px;height:50px; background-color:#F3F3F3;}
#forum td.forum:hover {border:solid white 1px;height:50px; background-color:#E3E3E3;}
#forum .description {font-size:.8em;}
#forum tr.dark {border:solid white 1px;height:50px; background-color:#F3F3F3;}
#forum tr.light {border:solid white 0px;height:50px;background-color:#F3F3F3;}
#forum td.dark, td.light, a:hover {color:red;}
#forum td.posts{background-color:#E3E3E3; border:solid white 1px;}
#forum td.topics{background-color:#E3E3E3; border:solid white 1px;}
#forum td.last-reply{background-color:#E3E3E3; border:solid white 1px;}
/* After you click a forum container link, this page shows a list of topics inside the forum*/
#forum td.topic{width:600px;background-color:#F3F3F3; border:solid white 1px; padding:10px}
#forum td.topic:hover {width:600px;background-color:#E3E3E3; border:solid white 1px; padding 10px;}
#forum td.replies {background-color:#E3E3E3; border:solid white 1px;}
#forum td.created{background-color:#E3E3E3; border:solid white 1px;}
#forum td.icon{padding:10px;}
/* Customize an actual forum post, which is output in node-forum.tpl.php*/
td.forum-header-left{border:solid white 1px;padding:10px;background-color:#E3E3E3;}
td.forum-header-right{border:solid white 1px;padding:10px;background-color:#E3E3E3;}
td.forum-middle-left{border:solid white 1px; background-color:#F3F3F3;padding:10px; }
td.forum-middle-right{border:solid white 1px; background-color:#F3F3F3; height:200px; width:600px; vertical-align:top;}
td.forum-bottom-left{border:solid white 1px;border-bottom:solid white 15px; background-color:#F3F3F3;}
td.forum-bottom-right{border:solid white 1px;border-bottom:solid white 15px; padding:5px; background-color:#F3F3F3; text-align:right;}
并把下列两个图标放入你的 misc/ 目录下:
搞定!