Graphisme Cat-Life
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
-29%
Le deal à ne pas rater :
PC portable – MEDION 15,6″ FHD Intel i7 – 16 Go / 512Go (CDAV : ...
499.99 € 699.99 €
Voir le deal

Graphisme Cat-Life ::  :: Vieux Sujets :: Cours
 

 "Il y a X sujets et X messages" + padding & justify messages

Aller en bas 
2 participants
AuteurMessage
NyxBanana

NyxBanana


Féminin
Nombre de messages : 500
Age : 30
Logiciel de Création : Photoshop CS6, Illustrator CS6, Maya 2014, Zbrush
Date d'inscription : 14/04/2008

"Il y a X sujets et X messages" + padding & justify messages Empty
MessageSujet: "Il y a X sujets et X messages" + padding & justify messages   "Il y a X sujets et X messages" + padding & justify messages EmptyDim 03 Juin 2012, 09:38
Bonjour à vous. =)

Je cherche un moyen de placer le nombre de sujets de de messages par catégorie un peu comme cela a été fait ici sur le forum.

En plus de cela, je ne me souviens plus de l'endroit où je dois mettre un padding pour aérer un peu plus les espaces de post. (et je cherche aussi un moyen pour le que le forum justifie automatiquement tous les posts.

Merci d'avance.
Revenir en haut Aller en bas
Ella'

Ella'


Féminin
Nombre de messages : 4063
Age : 31
Logiciel de Création : Suite Adobe, Sketch, Suite Affinity
Date d'inscription : 19/02/2008

"Il y a X sujets et X messages" + padding & justify messages Empty
MessageSujet: Re: "Il y a X sujets et X messages" + padding & justify messages   "Il y a X sujets et X messages" + padding & justify messages EmptyDim 03 Juin 2012, 12:16
Pour déplacer les nombres de messages et de sujets il faut donc aller dans les templates "index_box -> Page d'accueil - affichage des catégories"


Sur GCL il y a actuellement le code suivant :
Code:
<!-- 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}>
                  <!-- MODIF TEMPLATE :) -->
                  <span class="gensmall">
                    <div class="statcat">Il y a {catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages.
                    </div>
                  </span>
                  <!-- FIN MODIF TEMPLATE :) -->
         <span class="description_categories">{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">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
à la place de :
Code:
<!-- 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" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
Et le CSS
Code:
.statcat {
  text-align: right;
  border-bottom: 1px dotted #B01EA7;
  margin-bottom:5px;
  padding-bottom:5px;
  color:#3E2791;
  font-weight:bold;
}

Si tu veux plus d'infos précises je te donne ça Smile Juste rapidement, j'ai enlevé les deux cellules de nombre de sujets et nombre de messages, et j'ai rajouté ces infos dans la première cellule. ( jsuis peut être pas claire Rolling Eyes )
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Pour les postes justifiés c'est le code suivant

Code:
.post .row1, .post .row2{
 text-align:justify;
}

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Pour les padding tu veux aérer quoi exactement ? Entre chaque réponse laisser plus d'espace ?
Revenir en haut Aller en bas
NyxBanana

NyxBanana


Féminin
Nombre de messages : 500
Age : 30
Logiciel de Création : Photoshop CS6, Illustrator CS6, Maya 2014, Zbrush
Date d'inscription : 14/04/2008

"Il y a X sujets et X messages" + padding & justify messages Empty
MessageSujet: Re: "Il y a X sujets et X messages" + padding & justify messages   "Il y a X sujets et X messages" + padding & justify messages EmptyDim 03 Juin 2012, 13:27
Un grand merci à toi. ^^

Seulement, j'ai un soucis, comment faire pour supprimer les colonnes "sujets" et "messages" ? (et la taille de la police d'écriture du descriptif des forums a augmenté, je n'arrive pas à la faire revenir à la normale)

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

Pour le padding, j'ai travaillé autrement finalement et je n'en ai au final plus besoin. ^^
Revenir en haut Aller en bas
Ella'

Ella'


Féminin
Nombre de messages : 4063
Age : 31
Logiciel de Création : Suite Adobe, Sketch, Suite Affinity
Date d'inscription : 19/02/2008

"Il y a X sujets et X messages" + padding & justify messages Empty
MessageSujet: Re: "Il y a X sujets et X messages" + padding & justify messages   "Il y a X sujets et X messages" + padding & justify messages EmptyDim 03 Juin 2012, 15:14
Ah oui désolé j'avais oublié que j'avais rajouté une class pour les descriptions (c'est au cas où Palm' ne puisse pas passer pendant une mise en ligne de design, que je puisse quand même modifier quelques petits trucs n_n ), c'est .description_categories

avec
Code:
.description_categories{
  display:block;
 text-align:justify;
  font-size:12px;
}

C'est pour pouvoir changer l'apparence des descriptions, si tu n'en as pas besoin il faut remplacer le
Code:
<span class="description_categories">{catrow.forumrow.FORUM_DESC}</span>

par le code de base
Code:
 <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
Le "genmed" correspond à l'écriture et à l'apparence normale, sans aucune modification.

. . . . . . .

Pour les colonnes à supprimer c'est normalement les colonnes contenant {catrow.forumrow.TOPICS} et {catrow.forumrow.POSTS}

Soit
Code:
<td class="row3" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
Revenir en haut Aller en bas
NyxBanana

NyxBanana


Féminin
Nombre de messages : 500
Age : 30
Logiciel de Création : Photoshop CS6, Illustrator CS6, Maya 2014, Zbrush
Date d'inscription : 14/04/2008

"Il y a X sujets et X messages" + padding & justify messages Empty
MessageSujet: Re: "Il y a X sujets et X messages" + padding & justify messages   "Il y a X sujets et X messages" + padding & justify messages EmptyDim 03 Juin 2012, 18:52
Rien a faire, je ne parviens pas à supprimer ces colonnes... >.<
Revenir en haut Aller en bas
Ella'

Ella'


Féminin
Nombre de messages : 4063
Age : 31
Logiciel de Création : Suite Adobe, Sketch, Suite Affinity
Date d'inscription : 19/02/2008

"Il y a X sujets et X messages" + padding & justify messages Empty
MessageSujet: Re: "Il y a X sujets et X messages" + padding & justify messages   "Il y a X sujets et X messages" + padding & justify messages EmptyDim 03 Juin 2012, 19:16
C'est vraiment étrange ... Tu peux coller l'intégralité du template ici ?
Revenir en haut Aller en bas
NyxBanana

NyxBanana


Féminin
Nombre de messages : 500
Age : 30
Logiciel de Création : Photoshop CS6, Illustrator CS6, Maya 2014, Zbrush
Date d'inscription : 14/04/2008

"Il y a X sujets et X messages" + padding & justify messages Empty
MessageSujet: Re: "Il y a X sujets et X messages" + padding & justify messages   "Il y a X sujets et X messages" + padding & justify messages EmptyDim 03 Juin 2012, 20:09
Voici donc:

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="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="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>
   <!-- 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}>
                  <!-- MODIF TEMPLATE :) -->
                  <span class="gensmall">
                    <div class="statcat">Il y a {catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages.
                    </div>
                  </span>
                  <!-- FIN MODIF TEMPLATE :) -->
        <span class="description_categories">{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">
        <span class="gensmall">{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 -->
Revenir en haut Aller en bas
Ella'

Ella'


Féminin
Nombre de messages : 4063
Age : 31
Logiciel de Création : Suite Adobe, Sketch, Suite Affinity
Date d'inscription : 19/02/2008

"Il y a X sujets et X messages" + padding & justify messages Empty
MessageSujet: Re: "Il y a X sujets et X messages" + padding & justify messages   "Il y a X sujets et X messages" + padding & justify messages EmptyDim 03 Juin 2012, 20:17
Je crois que c'est parcequ'il reste les titres. Tu peux tester avec ça ?

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="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><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
                  <!-- MODIF TEMPLATE :) -->
                  <span class="gensmall">
                    <div class="statcat">Il y a {catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages.
                    </div>
                  </span>
                  <!-- FIN MODIF TEMPLATE :) -->
        <span class="description_categories">{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">
        <span class="gensmall">{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 -->
Revenir en haut Aller en bas
NyxBanana

NyxBanana


Féminin
Nombre de messages : 500
Age : 30
Logiciel de Création : Photoshop CS6, Illustrator CS6, Maya 2014, Zbrush
Date d'inscription : 14/04/2008

"Il y a X sujets et X messages" + padding & justify messages Empty
MessageSujet: Re: "Il y a X sujets et X messages" + padding & justify messages   "Il y a X sujets et X messages" + padding & justify messages EmptyDim 03 Juin 2012, 21:12
C'est nickel ! Merci beaucoup ! =D
Revenir en haut Aller en bas
Ella'

Ella'


Féminin
Nombre de messages : 4063
Age : 31
Logiciel de Création : Suite Adobe, Sketch, Suite Affinity
Date d'inscription : 19/02/2008

"Il y a X sujets et X messages" + padding & justify messages Empty
MessageSujet: Re: "Il y a X sujets et X messages" + padding & justify messages   "Il y a X sujets et X messages" + padding & justify messages EmptyMar 05 Juin 2012, 17:49
Cool, affaire classée alors. Je déplace ;)
Revenir en haut Aller en bas
Contenu sponsorisé





"Il y a X sujets et X messages" + padding & justify messages Empty
MessageSujet: Re: "Il y a X sujets et X messages" + padding & justify messages   "Il y a X sujets et X messages" + padding & justify messages Empty
Revenir en haut Aller en bas
 
"Il y a X sujets et X messages" + padding & justify messages
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» A vos messages !
» A vos messages !
» Animer le widget Derniers Sujets

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Graphisme Cat-Life ::  :: Vieux Sujets :: Cours-
Sauter vers: