Header de fond

Header de Fond

Pré-requis : accès au panneau d'administration & aux templates.
Version forum : les indications sont pour phpBB2, mais ça devrait fonctionner pour tous.
Difficulté : facile.
Où : Onglet Affichage >> rubrique TEMPLATES >> Général >> Editer le template overall_header (haut de page).

Instruction.

Trouver la ligne de la balise body :

Code:

<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Sur un template qui n'a pas été modifié, c'est ligne 205.
Copier/coller après la balise le code :

Code:

  <a class="banniereFond" href="https://avada-kedagraph.forumsrpg.com/">
   <img src="https://2img.net/image.noelshack.com/fichiers/2019/10/3/1551857387-v7.png" />
  </a>

N'oubliez pas de mettre le lien de l'accueil de votre forum et le lien de votre image !
Ensuite vous allez pouvoir supprimer l'affichage de la bannière d'origine. Sur un template pas touché c'est ligne 249 à 267. C'est la table entière que vous pouvez supprimer, dans le :

Code:

<td class="bodyline">

Le code à supprimer :

Code:

<table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tr>
   
   <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
   
   <td align="center" width="100%" valign="middle">
   
   <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
   <br />
   
   <div class="maintitle">{MAIN_SITENAME}</div>
   <br />
   <span class="gen">{SITE_DESCRIPTION}<br />  </span>
   </td>
   
   <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
   
   </tr>
   </table>
Et le code CSS pour que l'image puisse prendre toute la place !

Code:

/* HEADER */
.banniereFond{display: block;}
.banniereFond img{display: block; width:100%;}
/* Fin HEADER */
Enregistrez le template.
N'oubliez pas de valider le template (check vert) & voilà.

En espérant que ce tuto, vous a permis d’y voir un plus clair ! Si une question subsiste, n'hésitez pas à répondre à ce sujet pour demander des éclaircissements.

Enjoy coding ! Header de fond 3522390538

Arya

Rechercher

Résultats par : Messages Sujets
Recherche avancée