Image de fond commune aux forums d'une catégorie

[Systemus]

Bonsoir.

J'arrive sans problème à installer une image de fond différente pour chaque forum dans une catégorie, en prenant un exemple, je voudrais arriver à ce résultat-là.

J'avais lu dans certains topics qu'il y avait possibilité d'avoir la même image de fond pour les forums d'une même catégorie et je cherche depuis ce matin sans retrouver le topic. Précision : une image différente par catégorie...tant qu'à faire, comme l'exemple donné.

SVP : soit me dire la marche à suivre, soit m'indiquer l'endroit où trouver le topic sur le forum.

Et : OUI, j'ai vraiment cherché partout, croyez moi et épuisé la fonction recherche.

Merci d'avance.

[Arlem]

Bonsoir,

Pour faire cela il faut que tu puisses modifier les templates (possible uniquement en phpbb2 et punbb). Si c'est le cas il faudra séparer en deux étapes :
- modification de l'index_box pour supprimer tout espace dû au titre des sous forums ou autre.
- mise en place des images dans les descriptions des sous-forums.

Si tu es bien en phpbb2 ou punBB je te demanderais de nous copier/coller le contenu du index_box (que tu trouveras dans affichage => Général (templates) => index_box) entre les balises de Code et nous t'indiquerons tout ce qu'il faut faire plus en détail.

[Systemus]

Bonsoir Hinus !
Content de te voir ici et que tu me réponde surtout.
phpBB2 pour la version.

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>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


Justement dans l'immédiat je n'ai pas voulu toucher au template.

Oups Désolé je me suis complètement planté dans la capture d'écran. Bon le doc y est c'est le principal.

Fichiers joints

CaptureEcran.doc Ce que j'ai pour l'instant.Vous n'avez pas la permission de télécharger les fichiers joints.(368 Ko) Téléchargé 8 fois

[Systemus]

Petit up.
Je cherche toujours, sans trouver ce que je veux...

[Systemus]

24 heures.... petit up, si quelqu'un passe par-là.
merci.

[Convivialite]

Bonjour

je vais te donner la marche a suivre , mais je ne l'ai pas testée

c'était un mess de Toto456

_________________

sur ton PA
catégories et forums



a faire pour chaque forum

Gardez le titre du forum normal, en toute lettres.
Donc, j'ajoute dans la description du forum ce code :

Code:

<a href="http://tonforum.forumactif.com/lien-du-sous-forum-f7/"><img src="lien de ton image " /></a>

J'ajoute ensuite au CSS :

Code:

.forumlink {
 display: none; /*--- cache les liens des forums sur index ---*/
}

td.over {
  padding: 0 !important;
}

il ne te reste plus qu'a essayer

Amicalement

[Systemus]

Merci pour ta réponse, mais j'ai déjà fait tout ça.
Mon problème réside dans le fait que je souhaite une image par catégorie sur laquelle les forums apparaissent comme l'exemple que j'ai donné dans mon premier post.
Pour mémoire :
Celui-là


Dans ce screen tu peux voir que deux images différentes occupent deux catégories (1 ==> lexique stargate et 2 ==> les dossiers de quasargate). Et le menu déroule normalement.
C'est exactement cela que je cherche.
Ce que tu me proposes ne fait que remplacer une image dans chaque forum (dans l'exemple ci-dessus : langages extraterrestres, les peuples....), distinctement. Et j'ai déjà essayé, ce qui ne convient pas à ma demande.

En fait je ne demande pas qu'on fasse à ma place (c'est toujours mieux de faire soi-même que de faire faire par un autre, on apprend au moins), mais de m'indiquer :
- soit la marche à suivre avec quel tuto adapté,
- soit au moins me dire quelle partie de la feuille CSS ou comment modifier le template index-body.

C'est là que je bloque.
J'ai essayé de "jouer" sur la catégorie elle-même, sans succès. Quel instruction template modifier (ou CSS) pour obtenir cet effet.

J'espère avoir été clair....pas sûr.

Merci de l'aide en tous cas, ça part d'un bon sentiment, c'est déjà énorme.

Pour info, ce forum a été élu un des 10 meilleurs par forumactif en mai dernier je crois, mais je ne parviens pas à retrouver l'auteur pour lui poser la question directement.

[Convivialite]

ce code marche
je viens de le tester sur un de mes forums avec une image du net





avec une plus grande




pour tes autres categories , il te faut d'autres images

[Systemus]

je n'obtiens pas du tout le résultat escompté.
A mon sens, le code

Code:

<a href="http://tonforum.forumactif.com/lien-du-sous-forum-f7/"><img src="lien de ton image " /></a>

ne doit pas aller dans "description" du forum, mais ailleurs car voilà ce que j'obtiens.

J'ai créé une catégorie test. L'image s'affiche dans le forum 1 seulement (premier "lu" du haut), pas dans le forum 2 ("lu" du bas) qui se déporte plus bas avec la hauteur de l'image (volontairement haute pour le test) et le forum 2 est sans image.
En dessous j'ai recommencé la même manipulation mais pour chaque forum cette fois et j'obtiens 2 images distinctes, une par forum.
Donc le code ne convient pas, du moins pas à l'endroit indiqué.

[Convivialite]

si je te l'ai dit , le code est bon et il faut le mettre dans la description du forum avec le lien de ton morceau d'image

[Systemus]

C'est exactement ce que je fais


Je viens de recommencer avec une autre image dans un autre endroit du forum et exactement même topo.
J'ai le même résultat.
Donc je ne dois pas installer l'image au bon endroit, mais où la mettre ?

[Convivialite]

as tu coupé ton image en 2 pour la mettre dans 2 forums

il faut un morceau d'image dans chaque forum

regarde

[Systemus]

Pas du tout !

Donc je dois au préalable couper l'image en autant de forum qu'il en existe et ensuite coller chaque "morceau" dans chaque forum. J'ai compris ?

[Convivialite]

:lol!: et bien voila , on finit par se comprendre

il faut couper ton image en autant de forum que tu as

donc il faut une plus grande car la tienne ne fait que 2 forum

tu compte par forum si tu veux le remplir

550px de large pour 150px de haut et ça doit être bon

[Systemus]

C'était une donnée fondamentale que je n'avais évidemment pas.
Je teste immédiatement et je dis ce qu'il en est dans.......allez 3 mn.

[Systemus]

Bon voilà le résultat obtenu qui correspond donc à ce que je souhaitais.
A dire vrai, j'avais pensé à "découper" puisque j'avais fait la même chose avec une image, mais je pensais qu'il y avait plus simple.
Peu importe c'est le résultat qui compte que voili que voiça


Un grand merci à toi Convivialité de ta perspicacité et de ta patience.
Allez.........c'est parti ! Yeeeeeeeeee haaaaaa !! lol

[Convivialite]

amuse toi bien

n'oublie pas de mettre ton sujet

[Systemus]

Tout à fait, ce que je venais faire de ce pas.
Donc résolu !!
Encore merci.