Police de caractères titres sous forums

[fanymini]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://copinesdunet.forumactif.com

Description du problème

Bonsoir à tous,
Je voudrais changer la police de caractères de l'affichage des sous forums, qui sont en fait des liens.
Qu'ils soient plus petits.
Question d'esthétique.
Je suis allée sur la partie templates, mais je n'ai jamais rien modifié, alors je ne sais pas que faire.
A quel endroit du code dois je aller ?
Merci
Fanny

[Faline]

Bonsoir,

Petite remarque préliminaire :

Détails techniques

Version du forum : ModernBB

Je pense que votre forum est plutôt en phpBB2.

Le moyen le plus simple est d'aller dans

Panneau d'admin/Affichage/Images et couleurs/couleurs

et de mettre une taille de police plus petite pour "taille police lien". Cela affectera bien sûr aussi les autres liens, mais les titres de forums peuvent être gérés par la class .forumlink ...

Voir aussi https://forum.forumactif.com/t278845-les-principaux-identifiants-css-phpbb2-phpbb3

[fanymini]

Bonjour
Merci Câline.
Je viens d'aller voir ton lien, je vais fouiller et je reviens dire si j'ai trouvé.
J'ai déjà mis une police trés petite pour les liens, qui effectivement sont plus petits dans les autres pages.
Mais en page d'accueil, les sous forums, qui sont pourtant des liens...restent gros.
Merci
Fanny

[Faline]

Il y aurait encore le style .gensmall qu'on pourrait adapter, mais cela affectera aussi plein d'autres endroits, à commencer par les colonnes Sujets, Messages, Derniers messages... Mais bon, elles supporteraient.

[fanymini]

Merci Câline
Je veux bien essayer
Je ne suis jamais allée sur les templates modifier quelque chose..
Mais mon objectif est de mettre le forum, comme je veux, et donc j'ai envie de me lancer.
Si tu veux bien me guider
Merci !

[Faline]

Je ne parle pas des templates, mais de la feuille de style CSS :

panneau d'admin/Affichage/Images et couleurs/Couleurs/onglet feuille de style CSS

Y insérer

Code:

.genmed {
font-size:10px;
}

Bien effacer la numérotation des lignes après avoir copié ici.
Ne pas oublier de valider.
Si c'est trop petit, essayer un nombre de pixels plus grand.

[fanymini]

Merci !
J'y suis allée mais la fenêtre est vide, il n'y a pas de code
C'est normal?
Merci

[fanymini]

Voilà je l'ai rentrée et ça ne marche pas

Merci de votre aide
Fanny

[Lixyr]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum

Bonsoir,

Vous pouvez ajouter ce code, qui n'impacte que les sous-forums pour ce type de configuration :

Code:

.forumline tr td.over:nth-of-type(3) a {
    font-size: 12px;
}

A rajouter dans panneau d'administration > affichage > couleurs > feuille de style CSS
1) mettre le code
2) valider

[fanymini]

Merci
Je l'ai mis mais cela me rétrécit aussi les textes des messages.
Certains internautes m'avaient fait grossir les textes des posts.

Donc je l'ai enlevé, sauf que maintenant, c'est resté, et les textes sont trop petits..
Que dois je faire ?
Merci
Fanny

Que veut dire UP ?

[Lixyr]

Bonjour,

En effet, ça risque de bouger sur pas mal d'autres endroits du forum !
Le plus simple serait quand même de modifier le template index_box, et de créer un identifiant pour ne cibler que les catégories !

Pouvez-vous me donner le contenu de votre template index_box ? (panneau > affichage > templates > index_box > )

[fanymini]

Bonjour.
Je viens d'essayer mais je n'arrive pas à copier le code.
Est ce que c'est parce que je suis sur tablette ?
J'essaye dans un moment avec l'ordinateur.

Merci beaucoup
Fanny

[fanymini]

Voilà le code

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">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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">&nbsp;</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" 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">
            <!-- BEGIN ads -->
            <span class="AD_LastPA">
                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                <span class="AD_LastInfos">
                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
            <!-- 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>
      </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 -->

Un grand merci
J'ai encore changé de thème, mais c'est pareil, par exemple dans la catégorie Agenda, les liens des sous rubriques sont très grosses, comme dans la colonne de droite,, les liens vers les derniers sujets

[Lixyr]

Bonjour,

Dans ce cas essayez comme ça :

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 --><table class="forumline tablecat" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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">&nbsp;</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" 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">
            <!-- BEGIN ads -->
            <span class="AD_LastPA">
                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                <span class="AD_LastInfos">
                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
            <!-- 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>
      </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 -->

J'ai rajouté la classe tablecat à la table concernée :

<table class="forumline tablecat" width="100%" border="0" cellspacing="1" cellpadding="0">

CSS :

Code:

.tablecat tr td.over:nth-of-type(3) a {
    font-size: 12px;
}

[fanymini]

Bonsoir
Merci
J'ai donc fait des essais
Même en mettant la police à 4px, ça ne change rien.
Y a t'il d'autres solutions ?

Merci à vous
Bonne soirée
Fanny

[Lixyr]

Bonjour,

je ne vois plus les catégories sur votre forum, je ne peux donc pas vérifier. C'est bien sur http://copinesdunet.forumactif.com/ ?

[fanymini]

Bonjour

J'ai été obligée de passer par l'inscription automatique
Voici une photo de mon écran
Colonne de droite aussi la taille est trop grande et ça augmente la hauteur ce qui est dérangeant quand on ne met qu'une ligne comme réponse.
Pourtant ce sont des liens et donc ils devraient être plus petits
Idem côté avatar, la localisation et l'âge sont trop gros ce qui augment la hauteur de la cellule

[Lixyr]

Bonsoir Fanymini,

Je ne peux rien faire avec vos captures d'écran, j'ai besoin de voir ce que vous avez modifié directement sur votre forum.

Ce que je vois pour l'instant, c'est que la classe que je vous ai demandé d'ajouter n'est pas présente, ce qui signifie :
- soit que vous l'avez enlevée, et dans ce cas il faut la remettre pour que je puisse voir pourquoi ça ne fonctionne pas ;
- soit que vous n'avez pas validé le template, et dans ce cas, voici comment faire : panneau > affichage > template > cliquez sur devant index_box.

[fanymini]

D'accord
Merci beaucoup

[Lixyr]

Bonsoir,

Est-ce que ça a fonctionné ?

[fanymini]

Oui
Merci à vous

[fanymini]