.before_articles .pagination concerne la pagination du haut
.after_articles .pagination concerne la pagination du bas
Nous allons modifier le design de cette partie : police et encadrements.
Vous devez vous rendre dans votre (ou vos) CSS : Design > Mode CSS
Lorsque la ligne n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.
MODIFICATION DES POLICES
Toute la ligne
.before_articles .pagination a {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}Les pages suivantes
.after_articles .pagination a {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}
.before_articles .nextPage {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}La page active
.after_articles .nextPage {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}
.before_articles .currentPage {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}SUIVANT
.after_articles .currentPage {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}
.before_articles .textNext {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}FIN
.after_articles .textNext {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}
.before_articles .texLast {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}Les pages précédentes
.after_articles .textLast {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}
.before_articles .previousPage {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}PRECEDENT
.after_articles .previousPage {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}
.before_articles .textPrevious {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}DEBUT
.after_articles .textPrevious {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}
.before_articles .textFirst {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}Vous effacez ou modifiez ce dont vous ne voulez pas, sachant que
.after_articles .textFirst {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}
text-align : center centre le texteAJOUT D'ENCADREMENTS
text-align : left positionne le texte à gauche
text-align : right positionne le texte à droite
text-align : justify justifie le texte à droite
color : red modifie la couleur de la police, voir les codes couleurs
font-weight : bold transforme la police en gras
font-weight : normal transforme la police en normal
text-decoration : underline souligne le texte
text-decoration : none enlève le soulignement
font-size : 20px fixe la taille de la police
font-style : italic transforme la police en italique
font-family : Comic Sans MS sélectionne la police
Pour encadrer toute la ligne de pagination
.pagination {border:solid 1px #D8D7D7}Pour en savoir plus sur les bordures : créer vos encadrements
Bonjour Anna,
RépondreSupprimerJe souhaite modifier la couleur des liens de pagination en bas d'un article. J'ai mis
.after_articles .pagination {color:#FFF;} mais cela ne fonctionne pas. J'avais aussi essayé en détaillant la pagination (précédent, suivant...)
voir la page http://www.skiclubcampan.fr/article-chaussures-45928528.html
Je dois faire une erreur
Merci pour ton aide
Claire SCCT
Bonjour Claire, tes liens de pagination sont bien devenus blancs. Peut-être un temps de latence avant que la modification soit effective ?
RépondreSupprimerhello anna :-) j'aurais voulu mettre l'image d'un petit livre devant ma pagination, j'ai essayé plusieurs code de cette page mais ça ne marche pas, au passage si tu as le temps et envie de voter pour un concours auquel je participe je suis le numero 10
RépondreSupprimerhttp://www.connais-toi-toi-meme.biz/article-galerie-du-concours-j-ai-un-reve-on-vote-62574847.html
bizzz bonne journée ou soirée
recoucou annak finlement j'ai réussi , mais sais tu s'il est possible de mettre la pagination avant le bandeau des liens sponsorisés ?
RépondreSupprimeret aussi (je parle des pages dans mes categories), quand j'ai beaucoup de pages ça va mon image est pres de la pagination, quand il n'y a que 5 pages l'image est très éloignée ....
Bonjour Nessa :) j'ai voté pour toi, pour l'instant tu es première :)
RépondreSupprimerPour déplacer ta pagination, essaye de rajouter tout à la fin du CSS :
.sponsoredLinksContainer {margin-top:80px;}
.after_articles .pagination {position:relative;top:-250px;}
En page d'accueil, c'est ok ; vérifie dans les pages articles.
Pour ton image, essaye en remplaçant
.pagination {background:url(http://idata.over-blog.com/2/41/88/79/aide-ob/livre-bonhomme-violet.gif) no-repeat 1px 6px;margin-left:245px;height:30px;font-size:14px;border: 1px dotted #44E669 ;-moz-border-radius: 10px;padding-top:15px;}
par
.pagination {margin-left:245px;height:30px;font-size:14px;border: 1px dotted #44E669 ;-moz-border-radius: 10px;padding-top:15px;}
.currentPage {background:url(http://idata.over-blog.com/2/41/88/79/aide-ob/livre-bonhomme-violet.gif) no-repeat;padding-left:30px;padding-bottom:5px;padding-top:5px}
Bonjour Annak,
RépondreSupprimerJ'aimerais que les liens "suivant" et "précédent" soient dans le header, ou à la limite au dessus de l'article, mais ils sont bloqués en bas de l'article et je ne sais pas comment les mettre en haut.
Est-il également possible de remplacer les liens par une image ?
Merci d'avance.