Placer une bannière au dessus d'un forum FluxBB ...

...et intégrer le forum dans votre site

Pour intégrer un forum dans un site web, on peut placer la bannière en tête de page et éventuellement ajouter des colonnes latérales.

Cela se fait simplement en deux étapes:

  1. Ajouter une feuille de style.
  2. Modifier le fichier main.tpl.

Modifier main.tpl

Ce fichier se trouve dans /forum/include/template/

Normalement ce fichier ne change pas d'une version à l'autre. Lorsque vous mettez à jour fluxBB, supprimez main.tpl dans la nouvelle version et vous pourrez alors remplacer l'installation complète sans changement du design.

Main.tpl a cette 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...

C'est dans <head> après <pun_head> que vous insérez l'en-tête de votre site. Il est inutile de le modifier.
Vous pouvez supprimer <pun_title> qui ne sert plus à rien.

Ces modifications entraîneront d'infimes modifications du layout, nous les apporteront dans la feuille de style.

Changer la feuille de style

Elle se placera dans le répertoire /forum/style/

On l'appelera, par exemple monsite.css.

Elle reprend les règles de la feuille de style du site concernant l'en-tête, avec le chemin éventuellement modifié pour les images.
Par exemple, si le logo du site est à la racine on aura pour chemin:

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

Il faudra décaler le forum pour prendre en compte la hauteur de la bannière. Pour cela on surcharge une propriété de brdheader:

#brdheader { top: 72px; }

La valeur 72 est un exemple.

Vous pouvez de la même façon surcharger les propriétés de couleur si aucun des styles proposés dans le panel d'administration ne correspond aux couleurs de votre site.

La feuille de style ajoutée doit alors être déclarée dans le fichier main.tpl (juste avant l'en-tête de votre site). 

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

Placée après <pun_head> elle le sera aussi après la feuille de style de fluxBB ce qui permet ainsi d'en surcharger les propriétés...

La mise à jour du CMS n'affectera pas votre feuille de style.