Questions pour catégories. Bouton_activeQuestions pour catégories. Bouton_hoverQuestions pour catégories. Fb-hoverQuestions pour catégories. Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Questions pour catégories. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Questions pour catégories. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Questions pour catégories. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Questions pour catégories. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Questions pour catégories. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Questions pour catégories. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Questions pour catégories. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Questions pour catégories. EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -29%
DYSON V8 Origin – Aspirateur balai sans fil
Voir le deal
269.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Questions pour catégories.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Hestia
Hestia
{ Membre }
{ Membre }

Féminin Messages : 41



Questions pour catégories. Empty
    Re-bonjour Razz
    Je débute dans les templates et j'ai à nouveau quelques problèmes, je n'ai pas osée tout poser sur l 'autre sujet déjà résolu donc j'en fais un nouveau, désolé si ça dérange ^^

    Alors la première question vient de ce tutoriel :
    http://www.css-actif.com/t4061-messages-sujets-indiques-au-dessus-du-dernier-message-poste
    Tout s'est bien passé mais j'aimerais appliquer l'effet aux forums et sous-forums, c'est possible ?

    Et la seconde concerne celui-là :
    http://www.css-actif.com/t7832-modifier-l-apparence-des-titres-des-categories
    J'aimerais retirer la " première ligne " comme indiqué dans le tuto mais vu que mon template a été modifié je ne m'y retrouve plus vraiment et mes essais sont un désastre Questions pour catégories. 3451650135 Donc si quelqu'un peut m'éclairer.. ^^

    Mon template index_box :
    Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
       <tr>
          <td valign="bottom">
             <!-- BEGIN switch_user_logged_in -->
             <span class="gensmall">{LAST_VISIT_DATE}<br />
             {CURRENT_TIME}<br />
             </span>
             <!-- END switch_user_logged_in -->
             <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
             <!-- BEGIN switch_user_logged_in -->
             <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
             <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
             <!-- END switch_user_logged_in -->
             <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
       </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="TitreCategorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
       <tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">  </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><br />
                </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>
          
                <td class="row3 over" align="center" valign="middle" height="50">
                <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
                <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
          </td>
       </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 -->

    Mon template topic_list_box :
    Code:
    <!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
    <script type="text/javascript">
    function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
      var all_checked = true;
      for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
          if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
          }
      }
      document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
    }
    function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
      for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
          if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
          }
      }
    }
    </script>
    <!-- END multi_selection -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>

          <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
          <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
          <!-- BEGIN multi_selection -->
          <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
      <!-- END multi_selection -->
      </tr>
      <!-- BEGIN pagination -->
      <tr>
          <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
      </tr>
      <!-- END pagination -->
      <!-- END header_table --><!-- BEGIN header_row -->
      <tr>
          <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
      </tr>
    <!-- END header_row -->

    <!-- BEGIN topic -->
    {topics_list_box.row.END_TABLE_STICKY}
      <tr>
          <!-- BEGIN single_selection -->
          <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
          <!-- END single_selection -->
          <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
          <!-- BEGIN icon -->
          <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
          <!-- END icon -->
          <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
            <div class="topictitle">
                {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
                <h2 class="topic-title">
                  <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
                </h2>
                              <span class="nsujets">, écrit par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong>.</span>
            </div>
            <!-- BEGIN switch_description -->
            <span class="genmed">
                <br />
                {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
            </span>
            <!-- END switch_description -->
            <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
            <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
          </td>

          <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
          <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
          <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br /> {topics_list_box.row.LAST_POST_IMG}</span></td>
    <!-- BEGIN multi_selection -->
          <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
      <!-- END multi_selection -->
      </tr>
      <!-- END topic --><!-- BEGIN no_topics -->
      <tr>
          <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
      </tr>
      <!-- END no_topics --><!-- BEGIN bottom -->
      <tr>
          <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td> <span class="gensmall">{PAGINATION}</span></td>
                  <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
    <!-- END bottom --><!-- BEGIN footer_table -->
    </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

    Mon forum :
    http://requiemforadream.forumgratuit.org

    Merci et encore désolé Questions pour catégories. 577704309
MessageSujet: Questions pour catégories.   Questions pour catégories. EmptyJeu 23 Aoû 2012, 16:51
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Questions pour catégories. Empty
Bonjour !

Citation :
http://www.css-actif.com/t4061-messages-sujets-indiques-au-dessus-du-dernier-message-poste
Tout s'est bien passé mais j'aimerais appliquer l'effet aux forums et sous-forums, c'est possible ?
C'est à dire ? Mettre les messages et sujets dans la partie contenant les forums/sous forums ? Parce que dans la pratique, ce tutoriel s'applique aux forums et sous forums dès le départ donc j'imagine qu'il y a là un léger souci de vocabulaire x)

Citation :
J'aimerais retirer la " première ligne " comme indiqué dans le tuto

Tu gagnerais à réfléchir cinq minutes à la structure d'un tableau Wink Et à faire quelques petites comparaisons, aussi.

Le tutoriel te demande de trouver cette partie du template index_box :
Code:
<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">  </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>
Dans ton code à toi, tu découvres justement une partie très similaire avec en plus deux magnifiques sauts de ligne au milieu :
Code:
<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">  </th>


      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
Pour la suite du tutoriel, c'est le même raisonnement logique. Sachant que tu as retiré les cellules contenant le nombre de messages et de sujets, il ne t'en reste qu'une à modifier de façon à pouvoir gérer sa largeur Wink

Je te laisse tester par toi même, reviens me voir si tu as un souci.
MessageSujet: Re: Questions pour catégories.   Questions pour catégories. EmptySam 25 Aoû 2012, 10:37
Revenir en haut Aller en bas
Hestia
Hestia
{ Membre }
{ Membre }

Féminin Messages : 41



Questions pour catégories. Empty
    Alors pour les forums/sous forums ce sera plus simple avec des imprim ecran je pense ^^
    L'affichage des messages/sujets niveau forum :
    https://2img.net/r/hpimg15/pics/862666Sanstitre1.jpg
    Et pour les sous-forums ( ou dans les sujets si tu préfères ^^ ) :
    https://2img.net/r/hpimg15/pics/872563Sanstitre2.jpg

    J'espère que c'est plus clair..


    Sinon pour les catégories c'est à croire que je n'ai aucune logique..
    J'ai essayée de modifier sans trop oser pour autant et voilà mon css:

    Code:
    /*DERNIERE LIGNE CATEGORIES*/
    /* Largeur de la cellule du nombre de sujets */
    .NbTopics { width:80px; }
    /* Largeur de la cellule du nombre de messages */
    .NbPosts { width:100px; }
    /* Largeur de la cellule du dernier message posté */
    .LastPost { width:150px; }
    /*FIN DERNIERES LIGNES CATEGORIES*/

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


     <td class="row3 over" align="center" valign="middle" height="50">
            <div class="gensmall LastPost">{catrow.forumrow.LAST_POST}</div>
          </td>
      </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><br />
                </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>
          
                <td class="row3 over" align="center" valign="middle" height="50">
                <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
                <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
          </td>
       </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 -->

    Merci..

MessageSujet: Re: Questions pour catégories.   Questions pour catégories. EmptySam 25 Aoû 2012, 12:22
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Questions pour catégories. Empty
Le tutoriel que tu mentionnes en premier est destiné aux forums et non pas à la liste des sujets, il est normal qu'il ne puisse pas s'y appliquer ^^' Tu as supprimé les mauvaises colonnes, je te conseille de remettre ton template à zéro et de suivre mes explications :

Dans le template par défaut tu dois supprimer ceci :
Code:
<th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>

Et tu dois aussi supprimer ceci :
Code:
<th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
Ce sont les deux cellules de titre qui seront "en trop".

Ensuite il faut supprimer les cellules qui contiennent ces valeurs, ce sont ces deux lignes :
Code:
<td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
Code:
<td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
(Oui, j'ai vu que tu avais utilisé un des tutos pour afficher l'auteur sur la même ligne que le titre, tu devras refaire ces modifs, mais APRES)

Ensuite il faut repérer la cellule qui contient le dernier message posté, c'est celle-ci :
Code:
<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
Elle est un peu bizarre, mais passons. Il suffit juste d'y rajouter les statistiques de la même façon que pour le tutoriel des statistiques de forums :
Code:
<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap">
   <div class="postdetails StatsTopics">Réponses : {topics_list_box.row.REPLIES} | Vues : {topics_list_box.row.VIEWS}</div>
   <div class="postdetails LastMessage">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div>
</td>

A la place des classes .sujets_messages et derniers_sujets de l'autre tutoriel, ici tu as .StatsTopics et .LastMessage. A toi maintenant de faire le reste de la personnalisation...

Pour le deuxième cas... aie aie aie ^^'

Tu veux retirer une ligne de tableau (la première, celle qui contient les titres). En HTML, une ligne de tableau est indiquée par les balises <tr> et </tr>. En plus, la première ligne contient des cellules spéciales, des cellules de titre, dont la balise est <th>.

Il devient donc évident que lorsque le tutoriel te dit :
Citation :
Pour ça, retournez dans votre template index_box et cherchez la première ligne du tableau [...] Supprimez toute cette partie.
Toi, tu dois supprimer le code que je t'ai indiqué ^^' (et non pas y rajouter des trucs)

La suite du tutoriel te dit :
Citation :
Cependant, vous allez avoir droit à quelques surprises : les colonnes seront de largeurs un peu hasardeuses ! Pour cela, il vous faut fixer à nouveau les largeurs des colonnes [...]
Par rapport à l'exemple du tutoriel, il ne te reste qu'une seule colonne, cette partie :
Code:
<td class="row3 over" align="center" valign="middle" height="50">
            <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
            <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
      </td>

D'après le tutoriel, il faut que le contenu de la cellule ait une largeur fixée. Ça tombe bien, dans ton cas tu as déjà des div et des classes, inutile d'en rajouter, il te suffit simplement de mettre une largeur fixe à la classe .sujets_messages dans ton CSS.

Bon, sur ce, il existait déjà un tutoriel pour ta première question en fait, mais il n'est pas à jour : je vais m'en occuper de ce pas !
MessageSujet: Re: Questions pour catégories.   Questions pour catégories. EmptySam 25 Aoû 2012, 12:58
Revenir en haut Aller en bas
Hestia
Hestia
{ Membre }
{ Membre }

Féminin Messages : 41



Questions pour catégories. Empty
    Merci de ta patience, tout marche sauf la largeur fixe dans mon css..
    J'ai pourtant rajoutée :
    Code:
      widht: 50px;

    Dans la classe .sujets_messages mais il n'y a aucun changement =/
MessageSujet: Re: Questions pour catégories.   Questions pour catégories. EmptyDim 26 Aoû 2012, 12:40
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Questions pour catégories. Empty
Ben ça s'écrit WIDTH ^^' (Il y a une orthographe en anglais aussi XD)
MessageSujet: Re: Questions pour catégories.   Questions pour catégories. EmptyDim 26 Aoû 2012, 13:09
Revenir en haut Aller en bas
Hestia
Hestia
{ Membre }
{ Membre }

Féminin Messages : 41



Questions pour catégories. Empty
    .. Je me disais aussi XD Merci beaucoup en tout cas, je vais tenter de remettre en place le tuto pour mettre l'auteur sur la même ligne \o/
MessageSujet: Re: Questions pour catégories.   Questions pour catégories. EmptyDim 26 Aoû 2012, 13:57
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Questions pour catégories. Empty
Hello (:
Est-ce que cela signifie que ton problème est entièrement résolu ?
Merci d'avance de ta réponse Questions pour catégories. 926145
MessageSujet: Re: Questions pour catégories.   Questions pour catégories. EmptyDim 26 Aoû 2012, 16:55
Revenir en haut Aller en bas
Hestia
Hestia
{ Membre }
{ Membre }

Féminin Messages : 41



Questions pour catégories. Empty
    Salut ! Oui j'ai appliqué l'autre tuto sans problèmes donc c'est résolu , merci beaucoup Very Happy
MessageSujet: Re: Questions pour catégories.   Questions pour catégories. EmptyLun 27 Aoû 2012, 11:03
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Questions pour catégories. Empty
Oukay, merci de ta réponse !
J'archive donc Questions pour catégories. 926145
MessageSujet: Re: Questions pour catégories.   Questions pour catégories. EmptyLun 27 Aoû 2012, 15:27
Revenir en haut Aller en bas
Contenu sponsorisé




Questions pour catégories. Empty
MessageSujet: Re: Questions pour catégories.   Questions pour catégories. Empty
Revenir en haut Aller en bas
 

Questions pour catégories.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Pleins de questions sur les codes pour un lancement de forum.
» Questions catégories
» Questions sur la modification des catégories + liens sous forums
» Questions pour déco titre forum
» Questions et demandes de code pour améliorer ma PA

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit