Place banner above FlueBB forum...

... and integrate the forum into your website

To integrate the forum into the website, you can place a banner in the page header and possibly add side columns.

This is done simply in two stages:

Add Style Sheet.
Edit main.tpl.

Edit main.tpl

This file is located in/forum/include/template/

As a rule, this file does not change in different versions. After updating flowBB, uninstall main.tpl in the new version and you can replace the full installation without changing the design.

Main.tpl has the following 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...

In the <head> after <pun_head>, you insert the site title. There is no point in changing it.
You can delete <pun_title>, which is no longer useful.

These changes will result in minor layout changes and will add them to the style sheet.

Edit Style Sheet

It will be located in the directory/forum/style/

It will be called, for example, monsite.css.

It contains site stylesheet rules for a header with a modified path for images.
For example, if the site logo is at the root:

 background-image: url(/logo.gif);

You will need to move the forum to take into account the height of the banner. To do this, the brdheader property is overloaded:

#brdheader { top: 72px; }

An example is 72.

In the same way, you can overload color properties if none of the styles offered in the dashboard match the colors of the site.

The added stylesheet should then be declared in the main.tpl file (just before the site title).

<pun_head>
  <link type="text/css" href="style/monsite.css" rel="stylesheet">
</head>

Placed after <pun_head> and after the BB stream style sheet, which allows overloading properties...

Your stylesheet will not be affected by the CMS update.