How to put a banner above a FluxBB forum...
...and integrate the forum in your site
To integrate a forum on a website, place the banner of the site at the top of the forum, and possibly add sidebars.
This is simply done in two stages:
1) Add a stylesheet.
2) Edit the main.tpl file.
Main.tpl
This file is in /forum/include/template/
Normally this file does not change from one version to another. When you update fluxBB, remove main.tpl in the new version and you can replace the entire install without erasing your design.
Main.tpl has this structure:
<head>
<pun_head>
</head>
<body>
<div id="punwrap">
<div id="pun<pun_page>" class="pun">
<div id="brdheader" class="block">
<div class="box">
<div id="brdtitle" class="inbox">
<pun_title>
<pun_desc>
</div>
<pun_navlinks>
<pun_status>
</div>
</div>
...etc...
It is in <head>
You can delete
These changes will result in minimal changes in the layout, and we make them in the stylesheet.
The stylesheet
It will bestored in /forum/style/
It may be named for example mysite.css.
It reuses the rules of the part of the stylesheet of the site dedicated to the header, with possibly changes for the path of pictures.
For example, if the logo of the site is at the root, the path is:
background-image: url(/logo.gif);
You have to shift the top of the forum to take into account the height of the banner. For this, override a property of brdheader:
#brdheader { top: 72px; }
The value 72 is an example.
You can override in the same way properties for colors if none of the style proposed in the administering panel match the colors of your site.
The stylesheet added must be declared also in the main.tpl file (just before the header of your site).
<pun_head>
<link type="text/css" href="style/mysite.css" rel="stylesheet">
</head>
Placed after <pun_head> it will be parsed after the stylesheet of fluxBB, allowing to override its properties ...
The update of the CMS will not affect your stylesheet.