Joomla与phpbb3的样式整合

关于这2者的桥接,我已经在以前的文章作了专门的介绍,在这里,我打算分享一下关于样式整合的问题,让这2个网站看上去就像是同一个网站一样,我虽然不能给出一个完全的指南,但是仍然可以给出一个大体的整合思路,希望能对需要的人有所帮助。

首先,我们以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代码。

先想到了这些,如果我想到了其他的,我会再补充。还是那句话,希望能对需要的人有所帮助。

你可能感兴趣的:(html,css,header,Class,div)