Page mise à jour le 03/02/2016

Retour au billet

CSS :

  • le n° de la première page est affecté de la classe "first"
  • le n° de la dernière page est affecté de la classe "last"
  • les autres pages sont affectés de la classe "other"
  • les n° de page impairs sont affectés de la classe "odd"
  • les n° de page pairs sont affectés de la classe "even"
  • le groupe de lien pour accéder aux "x" pages précédentes est affecté de la classe "before"
  • le groupe de lien pour accéder aux "x" pages suivantes est affecté de la classe "after"
  • le n° de la page courante est dans un  <span class="this">...</span>
  • le texte séparant le bloc actuel des premières et dernières pages (cf paramètre "etc") est dans un <span class="etc"></span>

Exemple :

Vous trouverez ci-dessous ce qui est actuellement mis en place sur ce blog. J'ai volontairement omis tout ce qui avait rapport avec les couleurs.

Dans les pages Html :

<tpl:EntriesFooter>
  <tpl:Pagination>
    <div class="pagination">
      <span class="label">{{tpl:lang Pages :}}</span>{{tpl:PaginationLinks}}
    </div>
    </tpl:Pagination>
</tpl:EntriesFooter>

Dans le fichier style.css du thème :

.pagination{margin: 20px 5px; padding: 10px 0; text-align: center;}
.pagination span.label{padding: 0 5px 0 0;}
.pagination span.this,
.pagination span.etc,
.pagination a{text-decoration: none; margin: 0 1px 0 0; text-align: center;}
.pagination span.this{border: 1px solid; padding: 0 5px;}
.pagination a{border: 1px solid;padding: 0 5px;}