• Ce code est fait pour toutes les versions de Forumactif.
• Le crédit ne s'y trouve pas directement, merci de le rajouter de votre côté.
• Le bandeau est fait pour aller avec ces catégories.

Rajoutez le code dans Panneau d'administration > Affichage > Templates > Général > Overall_header, à placer après la balise "body id="modernbb""; ou "body" tout court pour les autres versions.

Code:

<div class="hl_bandeau">
  <div class="hl_bandeau_left">
    <a target="_blank" href="/">lien utile</a>
    <a target="_blank" href="/">lien utile</a>
    <a target="_blank" href="/">lien utile</a>
    <a target="_blank" href="/">lien utile</a>
    <a target="_blank" href="/">lien utile</a>
    <a target="_blank" href="/">lien utile</a>
    <a target="_blank" href="/">lien utile</a>
    <a target="_blank" href="/">lien utile</a>
    <a target="_blank" href="/">lien utile</a></div>
  
  <div class="hl_bandeau_middle">Sed ut commodo lectus, eget rutrum ex. Nullam laoreet, magna nec auctor fringilla, elit urna pharetra elit, facilisis maximus nisl elit nec ex. Vestibulum venenatis maximus lacinia. Donec eget fermentum nisi. Praesent vitae nisi dui. Sed cursus, quam vel lacinia egestas, metus massa semper velit, nec pharetra purus tellus in diam. Fusce imperdiet ipsum et quam luctus, eu tincidunt sem sodales. Nam nec dignissim tellus. Nullam ultrices volutpat magna vitae consectetur. Nam id facilisis ante. Fusce faucibus cursus ex, sit amet dapibus ipsum semper vitae. Donec vel erat bibendum leo auctor efficitur. Ut dignissim euismod tempus. Sed in nisl eu diam malesuada pretium. Nam tristique maximus nisl, vel porta ex congue sit amet.</div>
  
  <div class="hl_bandeau_left">
    <h1>⊰ saison 202x</h1>
    <svg version="1.1" id="sun" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><circle fill="none" stroke="#d99283" stroke-width="4" stroke-miterlimit="10" cx="49.98" cy="50.04" r="10.009"></circle><line fill="none" stroke="##d99283" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="50.081" y1="32.176" x2="50.081" y2="27.988"></line><line fill="none" stroke="#d99283" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="50.081" y1="67.991" x2="50.081" y2="72.179"></line><line fill="none" stroke="#d99283" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="62.709" y1="37.307" x2="65.671" y2="34.345"></line><line fill="none" stroke="#d99283" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="37.386" y1="37.373" x2="34.424" y2="34.412"></line><line fill="none" stroke="#d99283" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="62.667" y1="62.71" x2="65.629" y2="65.672"></line><line fill="none" stroke="#d99283" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="37.344" y1="62.644" x2="34.383" y2="65.605"></line><line fill="none" stroke="#d99283" stroke-width="4.0484" stroke-linecap="round" stroke-miterlimit="10" x1="31.966" y1="50.009" x2="28.026" y2="50.009"></line><line fill="none" stroke="#d99283" stroke-width="4.0484" stroke-linecap="round" stroke-miterlimit="10" x1="68.028" y1="50.009" x2="71.969" y2="50.009"></line></svg>
    
    <div class="hl_bandeau_left_time">temps dégagé - 15°C</div>
    </div>
    </div>

Ensuite, il faut rajouter le CSS. Pour cela, allez dans Panneau d'administration > Affichage > Images et couleurs > Couleurs > Feuille de style CSS puis copiez collez le code suivant :

Code:

:root {
  --lavender: #e9e2d7;
  --pink: #e8d1cd;
  --sage: #e3e8cf;
  --thyme: #d6e6cf;
  --laurel: #96aace;
  --whazel: #c79cd3;
  --darkgrey: #1d2337;
  --blue: #c894ab;
  --purple: #c15d88;
  --line: #141416;
  --shadow: #363f4f;
  --linku: #d2d2d2;
  --rank: #888;
  --color-delete: #e74c3c;
  --ease: cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.43, 0.09, 0.38, 2.56);
}

a {
  text-decoration: none;
  border: none;
}
.hl_bandeau {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width:810px;
  border-radius: 6px;
  background: var(--darkgrey);
  padding: 10px;
  background-image: url(https://2img.net/imgur.com/iF9G7aH.png);
  background-size: 100%;
  margin-bottom:15px;
  margin:0px auto;
}
.hl_bandeau_left {
  width: 261px;
  border-radius: 6px;
  border: solid 1px var(--shadow);
  padding: 10px;
  position: relative;
  z-index: 9;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.hl_bandeau_left h1 {
  text-align: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font:26px Playfair Display;
  font-weight: bold;
  background-image: linear-gradient(-225deg, var(--blue) 0%, var(--purple) 100%);
  width:100%;
}
.hl_bandeau_left svg {
  width: 248px;
  position: absolute;
  top: -60px;
  left:10px;
  opacity: 0.2;
  z-index: -1;
}
.hl_bandeau_left_time {
  text-align: center;
  padding: 10px;
  margin: 10px;
  background: var(--linku);
  color: var(--darkgrey);
  border-radius: 6px;
  font: 9px Montserrat;
  text-transform: uppercase;
  letter-spacing: 2px;
  width:100%;
  height:30px;
}
.hl_bandeau_left a {
  display: inline-block;
  width: 69px;
  text-align: center;
  margin: 5px;
  padding: 5px;
  background:#365c97;
  color: var(--linku);
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0,0,0,.05);
  font: 11px Playfair Display;
  text-transform: lowercase;
  font-weight: bold;
}
.hl_bandeau_left a:nth-child(2n) {
  background-image: linear-gradient(-225deg, var(--blue) 0%, var(--purple) 100%);
  font-style: italic;
  color: var(--line);
}
.hl_bandeau_middle {
  width: 240px;
  border-radius: 6px;
  border: solid 1px var(--shadow);
  padding: 10px;
  color: var(--linku);
  text-align: justify;
  height: 127px;
  overflow: auto;
  font: 13px Montserrat;
  line-height: 17px;
}

Pour rajouter la police d'écriture ainsi que le lien d'hébergement pour l'icône de MP, rendez-vous dans Panneau d'administration > Affichage > Templates > Général > Overall_header après la balise {CSS} :

Code:

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet"/>