Hello : )

Voilà, je souhaitais savoir comment est-il possible d'insérer un titre de catégorie à l'intérieur d'une image ? J'ai trouvé cette idée sur ce forum. Vous voyez, les textes à chaque fois insérés dans une sorte de nuage avec une coccinelle ? ^^'

Merci à tous ceux qui tenteront de m'aider ^.^

Tu devras tout d'abord insérer les propriétés dans un "style" puis mettre le code entier en titre de catégorie :

Code:

<div style="TU INSÈRES TES PROPRIÉTÉS">TITRE DE LA CATÉGORIE</div>

Voici la propriété PRINCIPALE que tu devras insérer :

Code:

background-image: url(URL DE L'IMAGE);

Ensuite, tu personnalise le reste à ta guise pour le texte

Je te remercie mais je n'ai pas encore trouvé comment enlever l'habituelle barre dans laquelle se trouve le titre : S

Idem ^^

Moi aussi il m'intéresse ^w^
Bisous~

en appliquant "div" directement sur les titres des catégories ça ne marche pas; il me semble qu'il faudrait plutôt modifier le CSS.

A mon avis, il faut supprimer une partie d'un template et le remplacer par quelque chose lié au css.

Si quelqu'un pouvait expliquer.

Bisous~

Je me suis rendu compte qu'il y avait un tutoriel ici : https://css-actif.forumactif.org/structures-des-forums-f31/inserer-une-image-au-dessus-ou-en-dessous-des-categories-t5089.htm

Je crois que le tutoriel de Furase ne soit pas tout à fait pareil, Furase explique comment insérer une image AU DESSUS de la catégorie. Pas en fond de la catégorie comme demandé ici !

Hello!!

Pour le titre des categorie il te faut allez dans le template Index_box ensuite repère cet partie du code:

Code:

<!-- BEGIN catrow --><!-- 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 -->
  <!-- BEGIN cathead -->
  <tr>

Dans ce code ce trouve la propriété qui renvoi au titre de toute les catégorie créé le code en personne est celui-ci:

Code:

{catrow.tablehead.L_FORUM}

Fait un couper/coller ( ou copie le et supprime le de son emplacement habituel) et colle le après:

Code:

<!-- BEGIN tablehead -->

Ensuite tu l'entoure d'une div à laquelle tu attribueras une classe, ce qui te donne sa:

Code:

<!-- BEGIN tablehead --><div class="categorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Valide ton template et publie le, ensuite tu vas dans ta feuille de style css et tu met ceci dans ton CSS:

Code:

.categorie{
background-image: url('ADRESSE DE L'IMAGE');}

Pour le CSS y'a d'autre propriété à mettre mais j'ai jamais fait donc je sais pas tu veras au fur et à mesure du résultat ^^.

Voila normalement sa devrait être bon x).