Cherche aide pour détail mise à page à régler

antistressantistress Member
novembre 2011 modifié dans Entraide et S.A.T
Bonsoir,

J'utilise un thème dérivé du thème par défaut de pluxml 4.3

En bas de page, il est indiqué :

précédentepage 2 sur 15suivante»

http://libre-ouvert.toile-libre.org/

comment introduire une espace après "précédente" et avant "suivante" et aussi entre "suivante" et "»" ? et aussi ajouter "«" avant "précédente" ?

J'ai feté un oeil dans les fichiers du thème mais n'ai rien trouvé...

Merci d'avance

Réponses

  • Moi, je passe par un plugin en réécrivant la fonction ;)
  • StéphaneStéphane Member, Former PluXml Project Manager
    ça se gère au niveau css
    regarde les sources html de la page, les infos de pagination sont dans des balises span.
    suffit de mettre un padding

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • antistressantistress Member
    novembre 2011 modifié
    Merci Stéphane
    J'ai bien "pagination" dans mon CSS mais pas "p_page" ou "p_next" ni "p_last", voilà certainement pourquoi j'ai plus d'espaces, j'ai dû virer des trucs du CSS sans le faire exprès...
  • antistressantistress Member
    novembre 2011 modifié
    en fait dans la 4.3 comme dans la 5.1 les seules propriétés pour ça sont :
    #pagination { /* Conteneur des liens 'page suivante' et 'page precedente' */
    	text-align : center;
    	margin : 10px 0 0 0;
    	padding : 0;
    }
    #pagination a { color : #333; }
    #pagination a:hover { color : #777; }
    
    dans la 5.1.3 c'est plus riche :
    /** 5 - Pagination **/
    
    #pagination{
    	text-align:center;
    	padding: 0 0 5px 0;
    	font-size: 0.8em;
    	margin: 20px 0 5px 20px;
    	}
    
    #pagination span{
    	margin-right:5px;
    	}
    
    #pagination .p_page{
    	border: 1px #DDDDDD solid;
    	padding: 3px 5px;
    	}
    
    #pagination .p_prev a, #pagination .p_first a, #pagination .p_last a, #pagination .p_next a{
    	border: 1px #DDDDDD solid;
    	padding: 3px 5px;
    	}
    
    #pagination span a:hover{
    	background-color: #152F40;
    	color: #FFFFFF;
    	cursor: pointer;
    	}
    
    #pagination span a:active{
    	background-color: #730E20;
    	}
    
  • antistressantistress Member
    novembre 2011 modifié
    Bon j'ai essayé, à partir du modèle actuel, de reproduire un style s'intégrant avec mon thème dérivé de la 4.3.

    -> J'ai viré les bordures, remis l'ancienne mise en forme au survol de la souris, et réduit le padding.
    J'ai aussi supprimé la ligne "#pagination span a:active" qui n'a pas l'air utile dans mon cas ?
    /* --------------------- 
    Pagination  
    --------------------- */
    
    #pagination{
    	text-align:center;
    	padding: 0 0 5px 0;
    	font-size: 1em;
    	margin: 20px 0 5px 20px;
    	}
    
    #pagination span{
    	margin-right:3px;
    	}
    
    #pagination .p_page{
    	padding: 3px 2px;
    	}
    
    #pagination .p_prev a, #pagination .p_first a, #pagination .p_last a, #pagination .p_next a{
    	padding: 3px 2px;
    	}
    
    #pagination a:hover { color : #777; }}
    
    Ça m'a pas l'air mal du tout :-)

    PS : avant on pouvait tester le thème de la version actuelle (comme pour les thèmes proposés sur le site) depuis la page d'accueil : très pratque pour voir d'un clic à quoi ressemble PluXml par défaut.
    Je ne vois plus le lien sur la page d'accueil ?
  • StéphaneStéphane Member, Former PluXml Project Manager
    La mise en forme de la partie pagination a été améliorée et complétée à partir de la version 5 dePluXml. C'est donc normal que tu ne retrouves pas tout au niveau css avec une 4.3

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • Au temps pour moi, je pensais que tu voulais modifier les liens suivant et précédent ^^

    Effectivement jour sur le CSS est plus indiqué dans ton cas ;)
  • merci tous les deux
Connectez-vous ou Inscrivez-vous pour répondre.