Images en haut et en bas des catégories / de la PA

Bonjour, voici donc un tuto qui va nous permettre d'ajouter des images aux en-têtes et aux pieds de catégories ainsi que de la page d'accueil (abrégée PA pour ce tuto)

   I/Des images pour les catégories

Voici un schéma illustrant le rendu final de cette partie:

Spoiler:

      A/L'en-tête des catégories

Tout d'abord, il nous faudra aller dans Templates > index_box et trouver ceci:

Code:

<!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
 <th nowrap="nowrap" width="50">{L_TOPICS}</th>
 <th nowrap="nowrap" width="50">{L_POSTS}</th>
 <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
 </tr>
 <!-- END tablehead -->

Maintenant, deux chois s'offrent à nous :
1. soit nous remplaçons l'intégralité du code ci-dessus par celui-là:

Code:

<!-- BEGIN tablehead -->
<div style="text-align:center; background-position:bottom center; background-image:url('URL DE L'IMAGE');height: Xpx; width:Xpx"><span class="secondarytitle">{catrow.tablehead.L_FORUM}</span></div>
<table class="forumline" width="Xpx" border="0" cellspacing="1" cellpadding="0">
 <!-- END tablehead -->

Le height: Xpx indique la hauteur que ferra votre image ; le width:Xpx est la taille des catégories de votre forum (on le retrouve d'ailleurs un peu plus bas dans le code)

2. soit nous remplaçons le premier code par celui-ci:

Code:

<!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
<td><div class="secondarytitle" style="background-image:url('URL DE L'IMAGE'); background-position:center center">{catrow.tablehead.L_FORUM}</div>
 </tr>
 <!-- END tablehead -->

Concernant cette deuxième solution, je ne l'ai pas testée.

      B/Le pied des catégories

Maintenant, cherchons cela:

Code:

<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->

Et ajoutons y ce morceau de code avant img src :

Code:

<img src="URL DE L'IMAGE"/>

   II/Des images pour la page d'accueil

Le rendu de cette partie est le même que pour les catégories sauf qu'il s'applique à la PA.

D'abord, allons dans Templates > index_body et cherchons le morceau de code suivant:

Code:

<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

Après le " BEGIN message_admin_index " , placez une balise d'image:

Code:

<img src="URL DE L'IMAGE"></img>

Et faites de même avant le " END message_admin_index "






Il faut parfois beaucoup de temps pour écrire un tuto mais dire merci ne prend que 2 secondes :3