Sujets similaires

Bonjour à tous ! =D

J'aurais besoin de votre aide pour m'apprendre à réaliser la mise en page des catégories de mon forum. ^___^ Je le redis: j'aimerais qu'on m'apprenne, afin que je puisse me débrouiller seule, et non pas qu'on me donne un code "tout-cuit-déjà-mâché-t'as-plus-qu'à-avaler": je n'aime pas ne pas comprendre! xD Doooonc, voici la mise en page approximative que j'aimerai parvenir, à terme, à obtenir:

Spoiler:

Avant de venir vous demander de l'aide, j'ai déjà essayé par moi-même de regarder le template index_box mais honnêtement je ne comprend absolument pas à quoi correspond chaque chose... J'ai plus ou moins réussi à trouver la "zone" de code que je dois modifier, mais j'ai encore trop peur de modifier des choses... xD
Je précise (au cas où) que je suis en PhpBB2 et que ce template avait déjà été modifié. Si c'est nécessaire, je vous posterai son contenu actuel. ^^ Merci d'avance à ceux qui essayeront de m'aider ! =D

C'est bien de vouloir apprendre.
Une petite question au préalable. Sais tu comment comment fonctionne le moteur de template dans la théorie ?

Tout d'abord, merci de me répondre VPeybernes! =D

Hum... Je ne comprends pas vraiment la question. ^^' Mais je ne crois pas savoir. =X

Bonjour,

Je pense être en mesure de t'aider partiellement. Tout d'abord, il faut que tu sache quelles variables correspondent à la descriptions, aux liens, à l'image new etc.

Ci-dessous, je vais répertorier les variables avec ce à quoi elles correspondent. Par contre, l'image que tu mets à droite de la description ne peut être modifier que via les catégories et pas par le template sinon tu risque d'avoir toujours la même image, quelque soit le sous-forum.

{catrow.forumrow.FORUM_FOLDER_IMG} >> Image no new, new, lock
{catrow.forumrow.FORUM_DESC} >> Description des sous-forums
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} >> Liens sous-forums (ceux qui apparaitront dessous la description)
{catrow.forumrow.LAST_POST} >> Derniers messages
{catrow.forumrow.TOPICS} >> Nombre de sujets
{catrow.forumrow.POSTS} >> Nombre de messages.

Une fois que tu as repéré ces variables, il vas falloir que tu mettes des div et/ou des span en fonction de ce que tu souhaites modifier.

Si tu as d'autres problèmes, n'hésite pas.

Bonjour Cam ! ^^

Merci pour tes explications, je crois que c'est pile ce dont j'avais besoin! =D Je vais de ce pas essayer de faire mes modifications, et je reviendrais demander de l'aide si jamais je rencontre un soucis! =D Merci beaucoup! ^^

Y a pas de quoi.

Me revoilà déjà pour réclamer de l'aide! Razz

Alors, j'ai réussi à faire tout ce que je voulais, sauf une chose: l'affiche des derniers sujets qui m'enquiquine profondément, pour rester polie. xD Voilà ce que j'ai actuellement, après modifications:

Spoiler:

Donc en gros, out est ok, sauf le Last.Post qui refuse de se mettre à droite, comme je veux... T____T Voici mon template actuel:

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<br/>
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM}</span> </th>

</tr>


<tr>
   

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


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" 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">
            <table width="100%"><tr><td><span style="float: right; font-weight: normal;">{catrow.forumrow.TOPICS} Sujets & {catrow.forumrow.POSTS} Messages</span> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td></tr></table>
         </span>
   <div class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle" style="float: left; margin-top: 5px;">
      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
   </div>
      </h{catrow.forumrow.LEVEL}>
      <span class="genmed"><br/>{catrow.forumrow.FORUM_DESC} <div class="gensmall" align="center" valign="middle" height="30" width="130" float: right;>{catrow.forumrow.LAST_POST}</div>
<div class="subforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
      </span>
   </td>
   


   
   
   <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></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>
<br/><img src="{SPACER}" alt="" height="5" width="1" />

Quelqu'un pourrait il me dire où est mon erreur, et comment parvenir à obtenir le résultat que je veux, s'il vous plait ? ^^

Le membre 'Ode' a effectué l'action suivante : Lancer de dés

#1 'CSSD6' : 1

--------------------------------

#2 'CSSD6' : 6

Peut-être que si tu fais un tableau à trois colonnes cela se mettra bien en place avec dans la première colonne, l'image, dans la deuxième, la description avec les liens et dans la troisième colonne les derniers messages.

Aaaah pas bête comme idée! Razz

*se tape la tête de ne pas y avoir pensé xD*

C'est nickel maintenant! ^^ Enfin, j'ai encore un dernier soucis. J'avais mis un effet "hover" pour la class forumlink dans mon CSS, mais lorsque je passe mon curseur sur le nombre de messages/sujets, l'effet s'active alors qu'il ne devrait pas... o____O Voila une capture d'écran pour mieux comprendre:

Spoiler:

Spoiler:

Donc en gros, j'aimerai savoir comment faire pour que l'effet "hover" ne s'applique réellement que lorsque le curseur passe sur le titre du forum, et pas quand on passe sur le nombre de messages. ^^ Voici la partie concernée dans mon template, si ca aide:

Code:: <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
      <h{catrow.forumrow.LEVEL} class="hierarchy">
         <span class="forumlink">
            <table width="100%"><tr ><td><span style="float: right; font-weight: normal;">{catrow.forumrow.TOPICS} topics {catrow.forumrow.POSTS} messages</span> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td></tr></table></span><table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-weight: normal;" class="gensmall"><tr><td>

Merci d'avance ! =D

Essaye en suppriment la < span class="forumlink"> se trouvant juste avant le début du tableau, ou alors en créant une class juste pour le nombre de sujet/message dans lequel tu redéfinis les propriétés avec un !important après chaque valeur de chaque propriété.

J'espère avoir pu t'aider.

Non désolée, j'ai essayer les deux solutions mais aucune ne résout le problème... =X

Une autre idée pour résoudre le problème? Je sais que c'est faisable puisque sur d'autres forums qui ont une mise en page plus ou moins similaire, ils n'ont pas ce soucis... =/

Pardon

pour le double-post mais c'était pour signaler que finalement j'ai réussi à trouver la solution seule ! =D
Ce sujet peut donc être archiver! ^^ Encore merci pour votre aide! °0°

Apprendre à modifier l'apparence des catégories

Apprendre à modifier l'apparence des catégories

Sujets similaires

Sujets similaires

Partenaires Or