你现在的位置:首页 > PHP网站建设知识库 > phpbb > 正文

如何整合Joomla与phpbb3的样式

如果我们搭建了一个joomla的站点,同时在它的基础上,我们也搭建了phpbb论坛,那么问题就来了,二者的样式差别较大,我们应该怎么办呢。

在这里,我打算分享一下关于样式整合的问题,让这两个网站看上去就像是同一个网站一样,我虽然不能给出一个完全的指南,但是仍然可以给出一个大体的整合思路,希望能对需要的人有所帮助。

首先,我们以joomla的子代模板JA_Purity为例。在JA_Purity默认目录下,有一个文件名为index.php的文件,这个就是整体模板,整个网站都是以这个文件为基准生成的页面。里面大体结构如下:

<div id="ja-wrapper"> //整体分层

     <div id="ja-headerwrap">//网页头部分层,包括logo(网站标志),以及网页头部背景的设定
     <div id="ja-mainnavwrap">//网页的菜单部分,它采用的是suckerfish的菜单风格,在css/ja-sosdmenu.css有菜单的专门设定。支持横向以及纵向菜单排列,支持多级菜单。
     <div id="ja-containerwrap-f">//网页主体部分,所有页面,网站内容都显示在这里,如果我们打算整合phpbb3,那么我们就要从这里下手,后面我会给出方案。
     <div id="ja-footerwrap">//页脚部分,包括版权设定等等。
</div>

既然我们提到了joomla部分,那么我们也要相应的介绍一下phpbb3的风格与布局:

<div id=wrap> 我直接跳过其他不重要的部分,单说这一层,因为这里开始,才是phpbb3的主体部分,包括登录,注册,搜索,话题。。。。其他的可以无视。

好了,我们现在开始整合。

在phpbb3下,找到你所使用的模板,有一个overall_header文件,打开后,首先引入joomla的所有css文件找到<body>(并且要把phpbb3的原有<body>替换成<body id="bd" class="fs3 FF">,这是joomla所需要的)从这里往下一直到<div id=wrap>这一层中间所有的内容都可以删掉。。。。。你没看错,删掉,然后替换成joomla的html代码<div id="ja-wrapper"><div id="ja-headerwrap"><div id="ja-mainnavwrap"><div id="ja-containerwrap-f">,另外,在<div id="ja-containerwrap-f">这一层下<div id="ja-containerwrap2"><div id="ja-container"><div id="ja-container2" class="clearfix"><div id="ja-mainbody-f" class="clearfix"><div id="ja-contentwrap">都需要加进去。然后打开overall_footer文件,加入相应的</div>确保标签闭合。这样我们就能够看到一个带着你的joomla网站头部风格,但是joomla菜单并不能引入,必须靠手工添加html代码。