Sujets similaires

Coucou tout le monde,

Je viens à vous car je suis un peu désespérée. Ça fait plusieurs jours que je bidouille le code de mon forum mais sans succès. Voici l'adresse de mon forum http://guardiansofeternity.actifforum.com/ (il est tout neuf donc pas encore de design xD).

Je vous expose mon problème. J'aimerais mettre une image différente pour chacun de mes forums un peu comme ceci https://i.servimg.com/u/f36/11/06/83/72/foruma10.jpg (les encadrés bleus). Comme vous pouvez le constater l'image est en dehors de la description du forum et de l'encadré des derniers messages.

De plus, pour ceux qui sont sous Firefox, vous avez pu constater que ma cellule de forum est plus grande que celle des derniers messages et ce, malgré que dans mon CSS elles aient la même taille. Et pourtant sur les autres navigateurs elles sont toutes les deux à la même hauteur. Comment faire pour que ce soit le cas sous Firefox aussi ?

Enfin, à force de bidouiller mon forum, j'ai fait disparaître sur la page principale le nom de mes catégories alors que je ne le voulait pas... Et j'aimerais bien qu'elles reviennent [résolu]Insérer une image différente entre les sous forums et la description du forum 2077966078

[résolu]Insérer une image différente entre les sous forums et la description du forum 2077966078

Pourriez vous m'aider s'il vous plaît [résolu]Insérer une image différente entre les sous forums et la description du forum 3451650135

? Car là je déprime sévère de ne pas y arriver.

Voici mon CSS :

Spoiler:

Merci d'avance aux âmes généreuses qui accepteront de m'aider [résolu]Insérer une image différente entre les sous forums et la description du forum 73120010

[résolu]Insérer une image différente entre les sous forums et la description du forum 73120010

[résolu]Insérer une image différente entre les sous forums et la description du forum 577704309

Salut,

Citation :: Je vous expose mon problème. J'aimerais mettre une image différente pour chacun de mes forums un peu comme ceci https://i.servimg.com/u/f36/11/06/83/72/foruma10.jpg (les encadrés bleus). Comme vous pouvez le constater l'image est en dehors de la description du forum et de l'encadré des derniers messages.

Si je ne me trompe pas, il s'agit là de l'image que tu peut ajouter en créant tes catégories, il te suffit d'aller dans le templates index_box, de localiser le code :

Code:: <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

Et de le placer où tu le souhaites, en l’occurrence ici dans un tableau avec 2 colonnes, 1 pour l'image et l'autre la description.

Citation :: De plus, pour ceux qui sont sous Firefox, vous avez pu constater que ma cellule de forum est plus grande que celle des derniers messages et ce, malgré que dans mon CSS elles aient la même taille. Et pourtant sur les autres navigateurs elles sont toutes les deux à la même hauteur. Comment faire pour que ce soit le cas sous Firefox aussi ?

Essaie de réduire le height de la classe description1 de 12px, lorsque tu ajoutes un padding pense à le déduire sur la hauteur et la largeur.

Citation :: Enfin, à force de bidouiller mon forum, j'ai fait disparaître sur la page principale le nom de mes catégories alors que je ne le voulait pas... Et j'aimerais bien qu'elles reviennent

Tu as du supprimer une variable, passe nous ton templates index_box Wink

Merci Hiro pour ta réponse !

Hiro a écrit:

Si je ne me trompe pas, il s'agit là de l'image que tu peut ajouter en créant tes catégories, il te suffit d'aller dans le templates index_box, de localiser le code :

Code:: <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

Et de le placer où tu le souhaites, en l’occurrence ici dans un tableau avec 2 colonnes, 1 pour l'image et l'autre la description.

J'ai essayé de faire comme tu m'as dit, mais ça me déplace l'image pour signaler qu'il y a un nouveau message ou des anciens messages et ce n'est pas celle là que je veux déplacer... En fait l'image que je veux mettre (comme sur la capture d'écran en fait) c'est un peu comme si c'était l'image que l'on peut rajouter à la description de chaque forum mais sans qu'elle soit dans le cadre réservé à la description de chaque forum... Je sais pas si je suis claire

Citation :: Essaie de réduire le height de la classe description1 de 12px, lorsque tu ajoutes un padding pense à le déduire sur la hauteur et la largeur.

J'ai également fait ça, mais si tu retourne sur le forum tu verras que du coup mes autres cellules débordent de la plus grande... [résolu]Insérer une image différente entre les sous forums et la description du forum 3451650135

Citation :: Tu as du supprimer une variable, passe nous ton templates index_box

Je vais essayer mais tout à l'heure quand j'ai voulu le faire ça n'a pas marché...

Code:: <table width="750px" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">



<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

<br />
<br />


</td>
</tr>
</table>
<br />


<table align="center" width="700px" border="0" cellspacing="1" cellpadding="0"><tr style="display: none;">

<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap">{L_TOPICS}</th>
<th nowrap="nowrap"><div style="width:50px";>{L_LASTPOST}</div></th>
</tr>



<tr>


<td class="{catrow.cathead.inc.INC_CLASS}" width="40"><img src="{SPACER}" height="0" width="40" /></td>


<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"><div style="width:120px;"> </div></td>

</tr>



<tr>


<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>


<td width="100%" valign="top" height="50" colspan="1" class="row1 over">
<div style="padding-left:100px;">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</div>
<div style="margin-top:-15px">
<center>
<table cellspacing="0">
<tbody>
<tr>
<td>
<div class="description1">
<span class="genmed">
<table>
<tbody>
<tr>
<td width="120">
<div class="descriptionsousfo">
<span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</div>
</td>

<td> 
<div class=" sushicat1 sushicat cat2">
</div> </td>

<td><table align="center" width="310"><tr>
<td class="descriptionfond" align="left" valign="top">

<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</td></tr></table>
</td>
</tr>
</tbody>
</table>
</span>
</div>
</td>

<td>
<table align="center" style="width: 160px; "><tr><td class="derniermsg" align="center" valign="middle">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td></tr></table>
</td>

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

</tr>
</tbody>
</table>
</center>
</div>
</td>
</tr>



<tr>


<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>


<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>

</tr>




</table>

<img src="{SPACER}" alt="" height="5" width="1" />

Merci encore pour ton aide en tout cas [résolu]Insérer une image différente entre les sous forums et la description du forum 577704309

Bonjour !

Pour la mise en forme de l'image et de la description de catégorie, je t'invite à suivre ce tutoriel, sauf que tu mettras une image à la place des liens '_'

Citation :: vous avez pu constater que ma cellule de forum est plus grande que celle des derniers messages et ce, malgré que dans mon CSS elles aient la même taille

Je ne comprends pas @_@ Moi ce que je vois sur ton forum c'est ça :
[résolu]Insérer une image différente entre les sous forums et la description du forum 4dfii

[résolu]Insérer une image différente entre les sous forums et la description du forum 4dfii

Ce n'est pas vraiment la cellule des derniers messages qui m'a l'air de poser problème O_o

Bonjour !

Merci 'Christa pour ta réponse je vais voir de ce pas ce tutoriel [résolu]Insérer une image différente entre les sous forums et la description du forum 3933776953

[résolu]Insérer une image différente entre les sous forums et la description du forum 3933776953

'Christa a écrit:: Je ne comprends pas @_@ Moi ce que je vois sur ton forum c'est ça :

Ce n'est pas vraiment la cellule des derniers messages qui m'a l'air de poser problème O_o

Oui c'est normal c'est parce que j'avais réduit la hauteur de la cellule du forum comme me l'avait conseillé Hiro et je l'avais laissé en état pour lui montrer le résultat Smile

Je viens de la remettre à son état d'origine. Firefox est le seul navigateur qui refuse de me mettre mes deux blocs à la même hauteur [résolu]Insérer une image différente entre les sous forums et la description du forum 3451650135

Merci encore pour votre aide à tous les deux !

Ben déjà ton code est un peu lourd pour pas grand chose, je vois des tables à une cellule et une colonne O.o

Et des <tbody> qui ne servent à rien (ça n'est utile que si on utilise un entête et pied de tableau)

Et un <center> qui est une balise obsolète et peut être remplacé par un margin:auto; ou text-align:center; dans la bonne classe.

Enfin bref c'est un peu le gros bordel dans ton code là O.o

J'ai essayé de le nettoyer mais vu que c'est le gros bordel ça changera pas grand chose :

Code:: <table width="750px" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">



<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

<br />
<br />


</td>
</tr>
</table>
<br />


<table align="center" width="700px" 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">{L_TOPICS}</th>
<th nowrap="nowrap"><div style="width:50px";>{L_LASTPOST}</div></th>
</tr>



<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="40"><img src="{SPACER}" height="0" width="40" /></td>
   

   <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"><div style="width:120px;"> </div></td>
</tr>



<tr>

   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>

<td width="100%" valign="top" height="50" colspan="6" class="row1 over">
   <div style="padding-left:100px;">
      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
   </div>
   <div style="margin:auto;margin-top:-15px;text-align:center;">
      <table cellspacing="0">
         <tr>
            <td>
               <div class="description1 genmed">
                  <table>
                     <tr>
                        <td width="120">
                           <div class="descriptionsousfo">
                              <span class="gensmall">
                              
                              {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                              
                              {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                              </span>
                           </div>
                        </td>
                        <td>
                        
                           <div class=" sushicat1 sushicat cat2">
                           </div>
                        </td>

                        <td>
                           <div class="genmed descriptionfond">
                              {catrow.forumrow.FORUM_DESC}
                           </div>
                        </td>
                     </tr>
                  </table>
               </div>
            </td>

            <td>
               <div class="derniermsg gensmall">
                  {catrow.forumrow.LAST_POST}
               </div>
            </td>

            <td 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>
         </tr>
      </table>
   </div>
</td>
</tr>



<tr>

   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>



</table>
<img src="{SPACER}" alt="" height="5" width="1" />

Merci 'Christa pour ton aide ! Ça y est j'ai enfin des cellules de la même taille !

Merci infiniment. Et désolée pour mon code en pagaille, il est vrai que je rajoute souvent des éléments qui ne servent pas à grand chose mais me qui semblent avoir une utilité sur le moment...

Problème résolu je dirais [résolu]Insérer une image différente entre les sous forums et la description du forum 1001172573

[résolu]Insérer une image différente entre les sous forums et la description du forum 1001172573

Pour l'image, il s'agit en faite de cette variable :

Code:: {catrow.forumrow.FORUM_DESC}

Mais elle affiche la description + l'image donc voici une astuce:

Si tu veux que l'image, tu la met dans un span avec une classe :

Code:: <span class="test">{catrow.forumrow.FORUM_DESC}</span>

Puis dans le css on va cacher le texte :

Code:: .test {text-indent: -5000px;}

Et si tu ne veux que le texte, tu as juste à retirer le text-indent et à ajouter dans le css :

Code:: .test img {display:none;}

T'es un peu en retard Hiro XD Et je pense qu'elle a besoin de la description quand même hein x)

Yop'
Si le problème est résolu, j'archive ^^
Merci de l'avoir signalé [résolu]Insérer une image différente entre les sous forums et la description du forum 926145

[résolu]Insérer une image différente entre les sous forums et la description du forum 926145

[résolu]Insérer une image différente entre les sous forums et la description du forum

[résolu]Insérer une image différente entre les sous forums et la description du forum

Sujets similaires

Sujets similaires

Partenaires Or