Changer la taille du lien : "Aller à la page X"

[Riley Ren]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://academie-brightblade.forumactif.com/

Description du problème

Bonjour tout le monde !

Comme sur beaucoup de forum, nous avons une section flood où plusieurs pages se suivent sur le même topic, des RP plutôt longs où c'est pareil. Or, cela a mis en évidence que chose qu'on ne pouvait pas vraiment voir avant, à savoir le lien : "Aller a la page X". Ce dernier apparaît vraiment grand et en double, ce qui est plutôt désagréable et casse un peu l'habillage. Je voulais savoir s'il était possible de retirer une des deux lignes et de faire passer le liens juste en bas de page uniquement.

Je vais également joindre le template viewtopic_body comme demandé lors de ma dernière demande. J'espère que l'un de vous pourra m'aider

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
        
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }
    
 return false;
};

//]]>
</script>

<!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" class="nouveau_message" rel="nofollow">
           Nouveau
 </a>
<!-- END switch_user_authpost -->

<!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}" class="repondre_message">
           Répondre
 </a>
<!-- END switch_user_authreply -->

<div class="navigation_message">
   <a class="message_index" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
</div>



   <div class="nom_sujet">
                   <h1>
                           {TOPIC_TITLE}
                   </h1>
 </div>
  
   <!-- BEGIN topicpagination -->
                <div class="pagination">
                   {PAGINATION}
   </div>
   <!-- END topicpagination -->
{POLL_DISPLAY}
 <table class="message" style="background: #f2f5f2;" width="100%" border="0" cellspacing="0" cellpadding="0" >
 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <div class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</div>
 <!-- END hidden -->
 <!-- BEGIN hidden -->
 <div class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</div>
 <!-- END hidden -->
 
                   <!-- BEGIN displayed -->
 <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" class="mise_en_forme_sujet_message">
 <td class="profil_message"{postrow.displayed.THANK_BGCOLOR} valign="top">
                   <div class="avatar_profil_message">{postrow.displayed.POSTER_AVATAR}</div>
                   <span class="name" id="{postrow.displayed.U_POST_ID}">{postrow.displayed.POSTER_NAME}</span>
                         <span class="rang_profil">{postrow.displayed.POSTER_RANK}</span>
                              
                                                   <div class="profil_message_contact">
                           {postrow.displayed.PM_IMG}
                           {postrow.displayed.ONLINE_IMG}
                   </div>
                                                  
                         <div class="contenu_profil">
     <span class="infos_profil">
                                           <div class="contenu_infos_profil">
                                           <div class="informations_profil">
                                                   <!-- BEGIN profile_field -->
                                                                                  {postrow.displayed.profile_field.LABEL} <span class="texte_profil_message">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
                                             </div>
 
                                             <div class="rpg_message_profil">
                                                   {postrow.displayed.POSTER_RPG}
                                             </div>
                                           </div>
                                 </span>
                                
                                 <span class="ouverture_sousforum">
                                                                   <img src="https://i.imgur.com/HN8KvC8.png" alt="Profil Académie Waverly" />
                                                           </span>
   </div>
                  
                  
                  
 </td>
 
                                           <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%">
                   <div class="date_message_boutons">
                           <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}
                          
                           <div id="options_message">
                                   {postrow.displayed.QUOTE_IMG}
                           {postrow.displayed.EDIT_IMG}
                           {postrow.displayed.DELETE_IMG}
                           </div>
                                                          
   <div class="clear"></div>
                   </div>
                  
                                                   <div class="postbody">
 <div>
                                                                   {postrow.displayed.MESSAGE}
                                                           </div>
                   </div>
                  
                           <!-- BEGIN switch_signature -->
                                                   <div class="signature">
                                                                   {postrow.displayed.SIGNATURE}
                                                   </div>
                                                   <!-- END switch_signature -->
                  
 </td>
 </tr>
 
                   <tr>
                                           <td colspan="2">
                                                   <div class="separation_message">
                                                   </div>
                                           </td>
                   </tr>
 <!-- BEGIN first_post_br -->
 </table>
 
 <!-- END first_post_br -->
   <!-- END displayed -->
 <!-- END postrow -->
 
   <!-- BEGIN no_post -->
 <div class="pas_de_message">
           {no_post.L_NO_POST}
   </div>
 <!-- END no_post -->

 
 
<!-- BEGIN topicpagination -->
 <div class="pagination_message">
           {PAGINATION}
   </div>
<!-- END topicpagination -->

  
   <div class="clear"></div>

  
  
<table class="footer_message">
   <tr>
           <td>
                   <center>
                           <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
 <div class="boutons_surveiller">
                                                  {S_WATCH_TOPIC}
                           </div>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
   <!-- BEGIN switch_user_logged_in -->
 <a name="quickreply"></a>
 {QUICK_REPLY_FORM}<br />
 <!-- END switch_user_logged_in -->
  
                   <br />

                          
 <!-- BEGIN show_permissions -->
 <div id="moderer">
           {S_AUTH_LIST}
   </div>
 <!-- END show_permissions -->  
 </center>
           </td>
   </tr>
</table>

<br />
  
<div class="navigation_message">
   <a class="message_index" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
</div>

  
<!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" class="nouveau_message" rel="nofollow">
           Nouveau
 </a>
<!-- END switch_user_authpost -->

<!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}" class="repondre_message">
           Répondre
 </a>
<!-- END switch_user_authreply -->
  
  <!-- BEGIN moderation_panel -->
 
 <!-- END moderation_panel -->
<!-- BEGIN viewtopic_bottom -->
<div class="moderation_images_sujets">
   {S_TOPIC_ADMIN}
</div>
<!-- END viewtopic_bottom -->
  
  
  
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

Merci beaucoup !

[Faline]

Bonsoir,

Pour avoir la pagination seulement en bas, il suffit de remplacer

Code:

<!-- BEGIN topicpagination -->
 <div class="pagination_message">
           {PAGINATION}
   </div>
<!-- END topicpagination -->

par

Code:

<!-- BEGIN topicpagination
 <div class="pagination_message">
           {PAGINATION}
   </div>
 END topicpagination -->

, ce qui revient à la mise en commentaire de la pagination en haut de la page. Cela permet de la retrouver plus facilement en cas de changement d'avis que si on la supprimait.

Remarque : la pagination en bas a un autre style CSS ("pagination") que celle d'en haut ("pagination_message"), et j'espère que celui du bas convient. Si tel est le cas, on pourrait aussi l'utiliser en haut.

Si celui du bas est également inconsommable, il faudrait éventuellement repartir du code par défaut, qui est

Code:

<!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->

Edit : je viens de voir sur ton fofo que la pagination ne s'affiche pas en bas. Il doit y avoir une bulle au niveau de la feuille de styles, p.ex. que le style "pagination" n'existe pas. Et le style "pagination_message" a un problème, qui provoque le double affichage. En tout cas le bloc topicpagination n'existe que deux fois dans le template, une fois en haut et une fois en bas, les deux n'étant pas identiques du point de vue du style.

Il faudrait revérifier avec le tutoriel de Never Utopia. Humm, je ne sais pas s'ils apprécient que leurs templates et feuilles de style soient publiés ici. Tu pourrais poster la feuille de style en caché.

[Riley Ren]

Merci pour les réponses et ton aide J'avoue être une véritable quiche au niveau des templates etc ^^

Je poste la fiche de style tout de suite bien que je ne puisse pas encore modifier les templates, sur téléphone, je préfère ne pas prendre de risque :/

Désolée de la longueur du code par contre et encore merci !

[Faline]

Bonjour,

La feuille de styles n'est pas si longue, au contraire il semble y manquer des choses. En lançant une recherche avec "pagin", on ne trouve rien. A défaut de définition de ta part pour les styles que tu appelles dans le template, il y a soit un style de la feuille de style de base qui prend effet, s'il en existe un de ce nom, ou le programme continue avec le dernier style qui a été trouvé (à vérifier en testant).

Est-ce que la feuille de style du tutoriel de Never Utopia contient le style "pagination_message" auquel tu fais appel dans ton template ? Le style gensmall utilisé dans le template par défaut n'existe même pas dans ton template . Tu pourrais utiliser dans le template, à la place du style absent dans la feuille de style, un des styles définis et qui te plairait pour la pagination.

[Riley Ren]

Re,

Je viens d'aller regarder les codes de bases, en les prenant tout neuf, j'ai lancé la recherche avec "pagination_message" également mais je ne les trouve pas, je présume qu'il n'y sont pas du coup ? Je viens également de remplacer mon Template et la partie CSS par ceux de bases (je me suis rendu compte après que je ne les avais pas modifiés)

Je verrais ce que je ferais pour la pagination et le style dès que je le pourrais, sinon, je vais juste supprimer une des lignes si nous n'arrivons pas à trouver ce qui cloche ^^

[Faline]

Si la ligne de la pagination du haut figurait deux fois d'affilée dans le template, il serait bien sûr facile d'en supprimer une, mais tel n'est pas le cas. Je n'ai justement pas trouvé comment supprimer une de ces deux lignes.

Je viens de regarder ton fofo et je ne vois pas de différence.
Qu'est-ce que ça donne si, à la place des styles pagination et pagination_message, tu mettais dans le template le style

Code:

postbody

? Cela te ferait une pagination en haut et en bas dans le même style que le corps du texte de tes messages, bien discret et quand-même lisible.

[Riley Ren]

Alors, j'ai réussi à la supprimer sans vraiment le chercher, mais j'ai vu que le code

Code:

<!-- BEGIN topicpagination -->
 <div class="pagination_message">
          {PAGINATION}
  </div>
<!-- END topicpagination -->

était en double certes, mais pas à la suite :/ je présume que l'une serait pour celle du haut, et l'autre du bas.

Je fais les essaies en même temps que je poste le message. Du coup, en remplaçant les "pagination_message", c'est en effet beaucoup plus discret mais le problème de la double ligne est toujours présent. J'ai pris la liberté de supprimer la répétition du code ci-dessus et la ligne n'apparaître plus qu'une seule fois.

[Faline]

C'est normal d'avoir la numérotation deux fois, une fois en haut de la page, puis une fois en bas. Il faut trouver le bon endroit dans le template à le mettre.

Maintenant c'est écrit bien fin, mais suivant l'arrière-plan, on ne voit plus très bien les numéros de page en liens :

va bien, mais

est moins lisible.

Ou alors le style

Code:

gen

comme le texte en haut «Une école où les élèves sont ...». Cela ferait une police de caractères plus large et épaisse, à essayer...

[Riley Ren]

How, effectivement je n'avais pas fait attention à ce détail, j'ai donc changé par "gen" et c'est franchement plus visible. En tout cas, je te remercie pour ton aide, je pense qu'on peut le considérer comme étant résolu !

Franchement, merci beaucoup, ça réduit considérablement l'écart