Une feuille de style WP-PageNavi adaptée à Lisemini

Certains plugins, comme NextGEN Gallery ⁽¹⁾ ou WP_PageNavi ⁽²⁾, intègrent des feuilles style. Afin que les modifications que j’apportais à ces feuilles de style soient conservées lors de la mise à jour des extensions, je les insérais dans la feuille de style de mon sous-thème Lisemini.

Depuis un moment déjà, je devais modifier la feuille de style que j’utilise pour NextGEN Gallery, les modifications n’étaient pas prises en compte lorsqu’elles étaient insérées dans la feuille de style du thème. Il en est de même pour la feuille de style de WP_PageNavi.

Je propose donc ici les modifications que j’ai apportées à la feuille de style pagenavi-css.css. Dans l’article suivant, je décrirai celles de ngg_dkret3.css.

 
.wp-pagenavi a, .wp-pagenavi a:link {	/*pages non visitées*/
	padding: 2px 2px 2px 4px;  	/*taille du cadre autour des numéros de page*/
	margin: 2px;
	text-decoration: none;		/*liens non soulignés*/
	/*color: #0066cc;*/		/* masquage de la couleur des numéros de page de façon à afficher la couleur des liens par défaut*/
        border: 1px dotted #99CCCC;	/*cadre en ligne pointillée de couleur verte*/
	background-color: #FFFFFF;	/*fond du cadre blanc*/
}
.wp-pagenavi a:visited {	 	/*pages visitées*/
	padding:  2px 2px 2px 4px;  
	margin: 2px;
	text-decoration: none;
	border: 1px dotted #99CCCC;
	/*color: #0066cc;*/
	background-color: #FFFFFF;
}
.wp-pagenavi a:hover {			/*survol de la souris*/
	border: 1px solid #CCCCCC;	/*cadre en ligne continue*/
	color: #FFFFFF;			/*couleur blanche des numéros de page*/
	background-color: #99CC99;	/*fond vert au survol de la souris*/
}
.wp-pagenavi a:active {
	padding:  2px 2px 2px 4px;  
	margin: 2px;
	text-decoration: none;
	border: 1px dotted #99CCCC;
	/*color: #006600;*/
	background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
	padding:  2px 2px 2px 4px;  
	margin: 2px 2px 2px 2px;
	color: #336600;
	border: 1px dotted #99CCCC;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {		/*page courante*/
	padding:  3px 3px 3px 5px;  	/*cadre du numéro de la page courante un peu plus grand*/
	margin: 2px;
	font-weight: bold;
	border: 1px solid #99CCCC;
	color: #336600;	
	background:transparent url(../../themes/Lisemini2/library/images/meta.gif) repeat scroll left top;	
  	  	 /*image pour le fond du cadre qui se trouve dans le répertoire de mon sous-thème Lisemini*/
}
.wp-pagenavi span.extend {	
	padding: 2px 2px 2px 4px;  
	margin: 2px;	
	border: none;
	color: #0066cc;
	background-color: #FFFFFF;
}

Télécharger la feuille de style pagenavi-css.css

• Téléchargez la feuille de style et copiez-la dans le répertoire wp-content/plugins/wp-pagenavi.

[download title= »Téléchargez pagenavi-css.css »]https://lise.tauber.fr/wp-content/uploads/pagenavi-css.zip[/download]

Ecrit par Lise - Site

1. J’utilise le plugin NextGEN Gallery pour afficher mes galeries de photos [↩]
2. Ce plugin propose un affichage des numéros de pages que vous pouvez voir au bas de cette page [↩]