Overblog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Aide et astuces pour creer et personnaliser un blog

Publicité

Personnaliser la numérotation des articles

C'est à dire, encadrer les numéros et rajouter un fond qui changent au survol de la souris

Pour l'état normal



Dans votre CSS, rajoutez

.pagination a {color:#3c4157; font-size:14px;border:1px solid #3c4157; margin-right:6px;padding:2px;background-color:#d8e2ec ;}

color:#3c4157; couleur de l'écriture
font-size:14px : taille de la police
border:1px solid #3c4157 : bordure
margin-right:6px : espace entre les chiffres
padding:2px : espace entre les chiffres et leur encadrement
background-color:#d8e2ec : couleur du fond de l'encadrement

Au survol de la souris 



Dans votre CSS, vous rajoutez

.pagination a:hover {padding: 2px;border: 1px solid #d8e2ec ;  background-color: #3c4157; color: #d8e2ec ;font-size:14px;margin-right:6px;  }


Même Principe.

Et enfin, pour le chiffre de la page affichée

.pagination {font-size:14px;color:#3c4157;}


A voir :
les codes couleur
les encadrements

Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
H
nous voilà de retour de vacances ! bonne journée
Répondre
M
Moi qui pensait modifier ma pagination, ton article me donne quelques idées de design... Enfin je verrai plus tard.
Répondre
Y
bonsoir Annak, j'ai été sur blog57...mais je ne vois rien? je veux dire...c'est juste avec le 1er article... de bienvenue<br /> <br /> bref...gros bisous et joyeuses fêtes. :0110:
Répondre
S
une surprise pour toi le 22 sur mon blog
Répondre
:
Merci: je ne savais pas tout cela ! ! <br /> Bisous du mardi
Répondre