Feuille de style de WP-PageNavi pour Lisemini

Certains plugins, comme NextGEN Gallery (1) ou WP_PageNavi (2), 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"]http://liseweb.fr/BLOG/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 []

2 commentaires

Ecrire un commentaire»
  1. Depuis la dernière mise à jour de dKret3 v3, l’apparence de WP_PageNavi est personnalisable depuis la feuille de style de dKret3 ou d’un sous-thème.

    Jörn avait omis d’inclure la personnalisation de WP_PageNavi lors du passage à la v3.

    Biz @ p’luche…

  2. La personnalisation de WP_PageNavi était possible depuis la feuille de style de dKret avec la version précédente du plugin. Cela ne l’est plus dans ma configuration actuelle, c’est-à-dire la dernière version du plugin et la version précédente de dKret.

    En effet, mon blog passé en WP 2.8 ne voulait pas de la dernière version de dKret. Je n’ai pas retesté avec les dernières modifications apportées par Jörn.

    Ca m’a donné l’occasion de mettre à dispo la feuille de style du plugin, et cela ouvrira peut-être des perspectives à d’autres ;-)

Laisser un commentaire

Votre adresse mail ne sera jamais rendue publique ni utilisée.

*Si vous écrivez un commentaire ici pour la première fois, celui-ci ne sera publié qu'après validation par un administrateur du blog. Ne l'envoyez pas plusieurs fois !
*Bien sûr, tout commentaire injurieux, publicitaire ou spam sera supprimé.
*C'est à vous maintenant !

(obligatoire)
(obligatoire)
(obligatoire)

Laisser ces deux champs tels quels :

Protégé par Invisible Defender.

Protected by WP Anti Spam

  • Mentions légales
    Les différents éléments du Blog de Lise restent la propriété de leur(s) auteur(s) respectifs.


Connexion à WordPress protégée par Clef