Aide pour les catégories

[piman]

Bonjour ou Bonsoir !

En fait je chercherais comment faire pour créer un titre de catégorie comme sur ce forum.

Spoiler:

Donc j'aimerais mettre une image comme titre, mais sans qu'il y est les autres catégories comme là sur le côté.

Spoiler:

Merci beaucoup d'avance à ceux qui me donnerons les réponses !!

[SoraNoHime]

Bonsoir,

avez-vous déjà modifié votre template index_box s'il vous plait ? si oui me le fournir, ainsi que l'image que vous désirez avoir (en MP si cela vous dérange) avec ses dimensions. Et il me faudrait également votre niveau de hiérarchie.

Cordialement.

[piman]

Non je n'ai pas changé le template index-box, mais voilà l'image que je veux mettre :

Spoiler:

Et sinon, je suis la fondatrice de mon forum =)

[SoraNoHime]

Et il me faudrait également votre niveau de hiérarchie.

^^ il ne me manque que cette info

[x_purre]

Non je n'ai pas changé le template index-box, mais voilà l'image que je veux mettre :

Spoiler:

Et sinon, je suis la fondatrice de mon forum =)

La voila

[SoraNoHime]

PA > Affichage > Hiérarchie et Structure , il me faut le niveau de hiérarchie à cet endroit ^^

[piman]

Ah désolé j'avais pas tout compris

Donc c'est : Séparer les catégories sur l'index > Moyen

Au fait, je me suis aperçue que je ne t'ai pas remercié de m'aider (sacrilège :O)
Alors merci beaucoup de prendre le temps de trouver une réponse à ma question ! ♥

[SoraNoHime]

^^ merci de me remercier, ça fait toujours plaisir

dans votre template repérez 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 -->

et changez le ainsi :

Code:

<!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <th nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- END tablehead -->

Puis repérez :

Code:

<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>

et changez le ainsi :

Code:

<td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall"><div style="width:50px;">{catrow.forumrow.TOPICS}<br/>Sujets</div></span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall"><div style="width:50px;">{catrow.forumrow.POSTS}<br/>Messages</div></span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall"><div style="width:150px;">{catrow.forumrow.LAST_POST}</div></span>
      </td>

puis dans votre css ajoutez :

.secondarytitle{
background-image: url('url de votre image');
background-repeat: no-repeat;
background-color: transparent;
background-position:center bottom;
height:taille de votre image en hauteurpx;
width:taille de votre image en longeurpx;}

en modifiant les parties en rouge.

Cordialement.

[piman]

Merci !!
Par contre en fait... je sais pas si je me suis trompée mais en fait j'aimerais que ça prenne toute la largeur du forum et pas seulement le titre et que je puisse en changer pour chaque catégorie différente. Si c'est pas trop demandé ^^'

[SoraNoHime]

Puis-je avoir un nouveau scan, ce que vous avez actuellement, et ce que vous désirez réllement ? ^^

ça m'aidera à mieux visualiser

[piman]

Maintenant ça fait comme ça

Spoiler:

Et en fait j'aimerais que l'image de la catégorie fasse toute la largeur du forum et donc que les mots "Sujets", "Messages" et "Derniers messages" disparaissent et qu'à la place, le tout fasse comme sur ce forum (ce qui est entouré de rouge)

Spoiler:

[SoraNoHime]

Pour cela rien de plus simple ^^

Repérez :

Code:

    <td class="row3" align="center" valign="middle" height="50">
            <span class="gensmall"><div style="width:50px;">{catrow.forumrow.TOPICS}<br/>Sujets</div></span>
          </td>
          <td class="row2" align="center" valign="middle" height="50">
            <span class="gensmall"><div style="width:50px;">{catrow.forumrow.POSTS}<br/>Messages</div></span>
          </td>
          <td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall"><div style="width:150px;">{catrow.forumrow.LAST_POST}</div></span>
          </td>

et changez le comme cela :

Code:

 
          <td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall"><div style="width:150px;" class="dersuj">{catrow.forumrow.LAST_POST}</div><br />{catrow.forumrow.POSTS} Messages *{catrow.forumrow.TOPICS} Sujets</span>
          </td>

et dans la css ajoutez

Code:

 .dersuj {
background-color : #ff0000;
border : 1px solid #00ff00;
}

à personnaliser.

[Little-princess]

Et il faut faire ceci pour toute les catégorie ? ( Je suis en train de le faire )
MAIS PAS AVEC L'IMAGE DE PIMAN' ( On c'est jamais )

PROBLEME !



( J'aimerai le faire pour toute les catégorie , Toutes une image différentes )

[SoraNoHime]

il faut le faire dans l'index_box oui ^^ une seule fois suffit pour toutes les catégories.

[Little-princess]

Message éditer ..

[SoraNoHime]

avec les onglets il faut utiliser une autre méthode. Je vous invite à ouvrir votre propre sujet Little Princess.

Cordialement.

[Little-princess]

C'est pas avec les onglets ( Les onglets je n'arrive pas a mettre du contenu )
Mais des catégorie

[SoraNoHime]

Merci d'ouvrir tout de même votre propre sujet afin de ne pas mélanger les codages...

Cordialement.

[piman]

Oh c'est super merciii beaucoup **
Mais au risque de paraître pour une fille vraiment lourde... est-ce que ça serait possible de savoir comme faire pour que le titre de la catégorie et les forums se réunissent ? =)

Spoiler:

Parce que moi ça donne ça et pourtant les images sont de la même largeur que le forum ^^'
En tout cas, pour l'aide que tu m'as déjà apporté, merci !!

[SoraNoHime]

L'image que vous avez pour votre page d'acceuil est plus grande que la largeur que vous avez prévu pour votre forum, d'où le décalage. En la réduisant, le forum se remettra à la bonne taille. SInon, vous pouvez augementer la taille de votre image de catégorie.

COrdialement.

[Little-princess]

En faite mon problème , Je l'ai résolu MErci ♥

[piman]

C'est parfait ! Merci beaucoup ^^
(il y a encore un écart entre le titre et les forums mais ce n'est pas très dérangeant ^^)

Encore merci !