Mettre mes sous-forums de cette manière

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre mes sous-forums de cette manière

Message par Lilynufare le Jeu 18 Juin 2015 - 15:03

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : aujourd'hui, le 18/06/15
Lien du forum : lien supprimé

Description du problème

Bonjour,
Actuellement mes liens "sous forums" sont en dessous la description de ma catégorie mais j'aimerai faire un cadre avec la liste de liens entre la description et la colonne dernier message. Je veux savoir comment faire ça, et le déplacer au bon endroit, car je n'ai pas trouvé. J'avais réussi à faire un cadre avec les liens mais je n'arrivais pas à le placer au bon endroit, du coup, j'ai remis mon ancien template modifié avec les sous forums en dessous de la description. Je veux juste le code à mettre, et je m'occuperai de le personnaliser au pire.

C'est ce code que j'ai mi dans mon template pour mettre mes liens dans un cadre mais je n'arrive pas à le placer comme il faut :

Code:
<div class="sous_forum"><span id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
            <script type="text/javascript">
              jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
            </script></div>

Le shéma :


Mon template modifié que j'ai actuellement avec mes sous forums en dessous de la description :

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

 <table class="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0">
<div class="catégoz" align="center">{catrow.tablehead.L_FORUM}</div><br />
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
          <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <!-- BEGIN inc -->
            <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
            <!-- END inc -->

            <td align="left" valign="top">
             
                <div class="forumtitre">
                 
    <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
              <table width="100%" cellpadding="5" cellspacing="0" class="fond_global_cat"><br />

               
          <tr>
     
            <td valign="top" align="right">
                     
                    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                       
                </td>
            <td><align="center" valign="top">

          <div class="statdescrip">

                                    <div class="descrip_bloc"><span class="genmed"> {catrow.forumrow.FORUM_DESC}</span>
                                     
                              </div>
                          </div>
                   
                      <div class="sousfofo">
                        <div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </div></div></td>
             
              <td align="center" valign="top">
                                  <div class="stat_general">
                      <span class="genmed"><div class="stat1">
                        {catrow.forumrow.TOPICS} Sujets  | {catrow.forumrow.POSTS}  Messages</div></span>
                                  <!-- BEGIN avatar -->
<div style="width: 200px;"></div>
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
 
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                                  </div>
                    </td>                     
                    </tr>
                 
</table>

</td></tr>
<link href='http://fonts.googleapis.com/css?family=Dancing Script' rel='stylesheet' type='text/css'>
     
  <!-- 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 de votre attention


Dernière édition par Lilynufare le Dim 21 Juin 2015 - 17:29, édité 2 fois

Lilynufare
***

Messages : 180
Inscrit(e) le : 22/08/2012

Lilynufare a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes sous-forums de cette manière

Message par MlleAlys le Dim 21 Juin 2015 - 16:45

Bonjour,
Les balises rouges dans votre template indiquent qu'il y a des erreurs dans le codage ^^"
Remplace votre template par le suivant :
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>
<link href='http://fonts.googleapis.com/css?family=Dancing Script' rel='stylesheet' type='text/css'>
 
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->

<div class="catégoz" align="center">{catrow.tablehead.L_FORUM}</div>
<br />
<table class="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0">
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <!-- END cathead -->
   
  <!-- BEGIN forumrow -->
  <tr>
   
    <!-- BEGIN inc -->
    <!-- END inc -->
   
    <td align="left" valign="top">
     
      <div class="forumtitre">
        <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
      </div>
      <br />
     
      <table width="100%" cellpadding="5" cellspacing="0" class="fond_global_cat">
        <tr>
          <td valign="top" align="right">
           
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
         
          </td>
          <td align="center" valign="top">
           
            <div class="statdescrip">
              <div class="descrip_bloc">
                <span class="genmed"> {catrow.forumrow.FORUM_DESC} </span>
              </div>
            </div>
            <div class="sous_forum">
              <span id="subforums">
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
              </span>
              <script type="text/javascript">
                jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
              </script>
            </div>
           
          </td>
          <td align="center" valign="top">
           
            <div class="stat_general">
              <span class="genmed">
                <div class="stat1">
                  {catrow.forumrow.TOPICS} Sujets  | {catrow.forumrow.POSTS}  Messages
                </div>
              </span>
              <!-- BEGIN avatar -->
              <div style="width: 200px;"></div>
              <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
              <!-- END avatar -->
              <span class="gensmall">
                {catrow.forumrow.LAST_POST}
              </span>
            </div>
         
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
      <!-- BEGIN inc -->
      <!-- END inc -->
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Les sous-forums devraient être en liste.
Puis vous pouvez utiliser en code css pour mettre en forme chacun des liens, par exemple :
Code:
.sous_forum a {
  display: inline-block;
  width: 100px;
  background-color: red;
  margin: 1px;
  padding: 2px;
  font-variant: small-caps;
}

Après je n'ai pas bien compris où vous souhaitiez mettre les liens une fois qu'ils sont en liste...

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes sous-forums de cette manière

Message par Lilynufare le Dim 21 Juin 2015 - 16:55

Bonjour et merci de votre aide.
Je la voulais entre le bloc de la description et la colonne des statistique, avant l'avatar.

Lilynufare
***

Messages : 180
Inscrit(e) le : 22/08/2012

Lilynufare a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes sous-forums de cette manière

Message par MlleAlys le Dim 21 Juin 2015 - 17:22

Ok.

Pour l'instant vos forums sont dans un tableau d'une ligne et trois colonnes :


codé donc sous cette forme dans le template :
Code:
<table>
    <tr>
        <td> image </td>
        <td> description et sous-forums </td>
        <td> stats </td>
    </tr>
</table>


Et il faut passer à une structure de ce genre :


C'est à dire dans le template :
Code:
<table>
    <tr>
        <td> image </td>
        <td> description </td>
        <td> sous-forums </td>
        <td> stats </td>
    </tr>
</table>


Ce qui donne :

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>
<link href='http://fonts.googleapis.com/css?family=Dancing Script' rel='stylesheet' type='text/css'>
 
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
 
<div class="catégoz" align="center">{catrow.tablehead.L_FORUM}</div>
<br />
<table class="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0">
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <!-- END cathead -->
 
  <!-- BEGIN forumrow -->
  <tr>
 
    <!-- BEGIN inc -->
    <!-- END inc -->
 
    <td align="left" valign="top">
   
      <div class="forumtitre">
        <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
      </div>
      <br />
   
      <table width="100%" cellpadding="5" cellspacing="0" class="fond_global_cat">
        <tr>
          <td valign="top" align="right">
         
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
       
          </td>
          <td align="center" valign="top">
         
            <div class="statdescrip">
              <div class="descrip_bloc">
                <span class="genmed"> {catrow.forumrow.FORUM_DESC} </span>
              </div>
            </div>

          </td>
          <td>

            <div class="sous_forum">
              <span id="subforums">
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
              </span>
              <script type="text/javascript">
                jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
              </script>
            </div>
         
          </td>
          <td align="center" valign="top">
         
            <div class="stat_general">
              <span class="genmed">
                <div class="stat1">
                  {catrow.forumrow.TOPICS} Sujets  | {catrow.forumrow.POSTS}  Messages
                </div>
              </span>
              <!-- BEGIN avatar -->
              <div style="width: 200px;"></div>
              <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
              <!-- END avatar -->
              <span class="gensmall">
                {catrow.forumrow.LAST_POST}
              </span>
            </div>
       
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
      <!-- BEGIN inc -->
      <!-- END inc -->
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre mes sous-forums de cette manière

Message par Lilynufare le Dim 21 Juin 2015 - 17:28

C'est parfait, merci Smile
Le problème est résolu.

Lilynufare
***

Messages : 180
Inscrit(e) le : 22/08/2012

Lilynufare a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum