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

2 participants

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

Résolu Changer la taille du lien : "Aller à la page X"

Message par Riley Ren Sam 2 Nov 2019 - 12:19

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 Smile

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 !
Riley Ren

Riley Ren
Nouveau membre

Messages : 8
Inscrit(e) le : 12/09/2019

Voir le profil de l'utilisateur http://academie-brightblade.forumactif.com/
Riley Ren a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la taille du lien : "Aller à la page X"

Message par Faline Lun 4 Nov 2019 - 18:01

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é.
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la taille du lien : "Aller à la page X"

Message par Riley Ren Mar 5 Nov 2019 - 13:04

Merci pour les réponses et ton aide Smile 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 !
Riley Ren

Riley Ren
Nouveau membre

Messages : 8
Inscrit(e) le : 12/09/2019

Voir le profil de l'utilisateur http://academie-brightblade.forumactif.com/
Riley Ren a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la taille du lien : "Aller à la page X"

Message par Faline Mar 5 Nov 2019 - 14:23

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 scratch . 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.
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la taille du lien : "Aller à la page X"

Message par Riley Ren Mar 5 Nov 2019 - 14:48

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 ^^
Riley Ren

Riley Ren
Nouveau membre

Messages : 8
Inscrit(e) le : 12/09/2019

Voir le profil de l'utilisateur http://academie-brightblade.forumactif.com/
Riley Ren a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la taille du lien : "Aller à la page X"

Message par Faline Mar 5 Nov 2019 - 15:09

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

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la taille du lien : "Aller à la page X"

Message par Riley Ren Mar 5 Nov 2019 - 15:23

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.
Riley Ren

Riley Ren
Nouveau membre

Messages : 8
Inscrit(e) le : 12/09/2019

Voir le profil de l'utilisateur http://academie-brightblade.forumactif.com/
Riley Ren a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la taille du lien : "Aller à la page X"

Message par Faline Mar 5 Nov 2019 - 16:52

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 :
Changer la taille du lien : "Aller à la page X" Pag110
va bien, mais
Changer la taille du lien : "Aller à la page X" Pag210
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...
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la taille du lien : "Aller à la page X"

Message par Riley Ren Mar 5 Nov 2019 - 17:15

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 Smile
Riley Ren

Riley Ren
Nouveau membre

Messages : 8
Inscrit(e) le : 12/09/2019

Voir le profil de l'utilisateur http://academie-brightblade.forumactif.com/
Riley Ren a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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