dKret et wp-syntax

Hello! Avec Lise nous mettons à votre disposition des tutoriels contenant des parties de code.
Nous nous servons pour cela d’un plugin qui colore le texte pour le mettre en valeur. Il s’agit de wp-syntax (je ne reviendrais pas ici sur l’utilisation du plugin).

Lors de l’écriture d’un article contenant du code, si on ne modifie pas l’apparence des balises code et pre et qu’on active le plugin on se retrouve avec un double cadre et un affichage décalé du code.

Pour arranger ces petits défauts d’apparence vous pouvez ajouter ces 2 classes dans la feuille de style de votre scheme:

/********* WP-SYNTAX *********/
.wp_syntax {
	color: #100;
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
	margin: 0 0 1.5em 0;
	overflow: auto;
}

.wp_syntax pre {
	overflow: auto;
}

Voici une explication rapide:

• border:0px solid #FFFFFF; = suppression de la bordure
• background-color: #FFFFFF; = fond blanc
• overflow: auto; = ajustement du contenu à l’ascenseur

Le style overflow: auto; est appliqué au 2 classes pour s’assurer que dans tous les cas et même si le texte est plus long que le contenu celui-ci ne dépassera pas et s’ajustera bien dans l’ascenseur.

Voilou @ peluche…