Template, mettre les liens des sous forum à droite

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

Résolu Template, mettre les liens des sous forum à droite

Message par Play Doh le Lun 20 Juin 2011 - 17:50

Bonjour à tous, actuellement je code un forum, j'avais modifié les catégories de sorte à ce que ce soit un peu plus joli mais finalement j'aimerai que les catégories ressemblent à celles là : http://XXXXX.forumactif.org/

Autrement dit, j'aimerai que le nombre de messages soit à nouveau placer à droite là où on sait qui à poster le dernier message, et que les liens des sous forum soient mis sur la droite, comme avec un tableau...

Merci beaucoup d'avance.


Dernière édition par Play Doh le Mar 21 Juin 2011 - 15:01, édité 2 fois (Raison : retrait de l'adresse du forum donné en exemple)

Play Doh
***

Féminin
Messages : 111
Inscrit(e) le : 16/04/2009

http://back-to-poudlard.forumactif.org
Play Doh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template, mettre les liens des sous forum à droite

Message par Invité le Lun 20 Juin 2011 - 18:05

Bonjour,

Les demandes afin de copier une grande partie d'un forum sont interdites, j'ai retiré l'adresse du forum mis en exemple, il est d'ailleurs sous copyright. Merci de faire un croquis personnalisé de ce que vous souhaitez.

Cordialement.

Invité
Invité


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

Résolu Re: Template, mettre les liens des sous forum à droite

Message par Play Doh le Lun 20 Juin 2011 - 18:30

D'accord désolée. Bah je veux remettre le template de base, car moi j'ai déplacé les nombres de messages sur la colonne " général " ou il y a la description donc je voudrai qu'ils retournent dans la colonne de droite, le template normal quoi.

Et ensuite j'aimerai si possible savoir comment faire pour que les liens vers les sous forum soient mis sur la droite de la colonne, comme si la colonne était séparée en deux : la partie description sur la gauche, la partie liens sur la droite. Après je pense qu'on peut le faire directement dans le forum en faisant un tableau dans le html mais je préférai que cela se fasse automatiquement dans le template. merci

Play Doh
***

Féminin
Messages : 111
Inscrit(e) le : 16/04/2009

http://back-to-poudlard.forumactif.org
Play Doh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template, mettre les liens des sous forum à droite

Message par Invité le Mar 21 Juin 2011 - 10:20

Bonjour,

Pour réaliser cela, il faut modifier le template Index-box, et le remplacer par:
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}

         {CURRENT_TIME}

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

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- 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="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="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>

            </span>
        </h{catrow.forumrow.LEVEL}>
      <table width="100%"><tr><td class="sep"  width="85%"><div><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td><td  width="15%"class="sousfo"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
</script></td></tr></table>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
                    </span>
         </span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages
{catrow.forumrow.LAST_POST}</span>
      </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 -->
Enregistrez et publiez.

Ce qui a changé par rapport au template de base:
- J'ai supprimé les colonnes sujets et messages.
- J'ai placé les statistiques dans la colonne derniers messages, au dessus du lien du dernier message.
- J'ai déplacé les sous-forums.
- J'ai ajouté un tableau qui regroupe la description et les sous-forums.
- J'ai créé des class dans ce tableau pour la ligne de séparation et le fond des sous-forums.
- J'ai placé une div autour de la description pour permettre de mettre une couleur de fond.
- J'ai ajouté le script qui retire les virgules entre les sous-forums.

Ensuite ajoutez ceci dans votre CSS:
Code:
/*ligne de séparation entre description et sous-forums*/
.sep{
border-right: 3px solid #fff;/*épaisseur style et couleur de la ligne*/
}

/*fond description*/
.descrip{
background-color: #fff;/*couleur de fond*/
-moz-border-radius: 8px;
-webkit-border-radius: 8px;/*arrondis*/
border-radius: 8 px;
padding: 5px;/*marge intérieure*/
margin: 5px;/*marge extérieure*/
}

/*sous-forums*/
.sousfo{
background-color:#fff;/*couleur de fond*/
-moz-border-radius: 8px;
-webkit-border-radius: 8px;/*arrondis*/
border-radius: 8 px;
padding: 5px;/*marge intérieure*/
}
Il faudra personnaliser le code CSS selon vos souhaits.

Enfin, ajoutez un saut de ligne à la fin de chacun de vos sous-forums (<br>) de manière à ce qu'ils se mettent les uns en dessous des autres.

Le résultat:


Cordialement.

Invité
Invité


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

Résolu Re: Template, mettre les liens des sous forum à droite

Message par Play Doh le Mar 21 Juin 2011 - 12:05

Mercii encore une petite question, si je veux rajouter des liens, mais pas ceux des sous forums, par exemple pour la partie administration j'aimerai rajouter les liens contexte, règles etc. comment dois-je faire ?

merci


Play Doh
***

Féminin
Messages : 111
Inscrit(e) le : 16/04/2009

http://back-to-poudlard.forumactif.org
Play Doh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template, mettre les liens des sous forum à droite

Message par Invité le Mar 21 Juin 2011 - 14:27

Vous pouvez les ajouter manuellement dans la description avec le code suivant:
Code:
<a href="adresse de la page">nom du lien</a>
Il ne sera pas possible de les placer exactement au même endroit que les sous-forums par contre.

Si vous préférez faire une présentation personnalisée, alors il faudra passer par la description de chaque forum et faire cela manuellement, et créant, pour chaque forum, un tableau avec la description, et les liens à coté. Et dans ce cas la modification du template n'est pas nécessaire. Je vous donne l'ébauche du code pour essayer si vous le souhaitez:
dans panneau d'admin' > général > catégorie et forum, placez dans description pour chaque forum:
Code:
<table width="100%"><tr><td class="sep"  width="85%"><div class="descrip">votre description</div></td><td width="15%" class="sousfo">vos liens</td></tr></table>
On peut conserver le même code CSS.

Cordialement.

Invité
Invité


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

Résolu Re: Template, mettre les liens des sous forum à droite

Message par Play Doh le Mar 21 Juin 2011 - 15:01

Oui d'accord, merci beaucoup ! Smile Je vais mettre résolu!

Play Doh
***

Féminin
Messages : 111
Inscrit(e) le : 16/04/2009

http://back-to-poudlard.forumactif.org
Play Doh 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