Comment programmer un fond de couleur sous le texte d'une page?

Statut : non résolu

Ce sujet contient 5 réponses, 2 participants et a été mis à jour pour la dernière fois par radiCarl, le il y a 12 années et 11 mois.

6 sujets de 1 à 6 (sur un total de 6)

Auteur

Messages
27 décembre 2010 à 22 h 40 min #489617

radiCarl
Membre

Chevalier WordPress
137 contributions

Bonjour,

J’aimerais savoir comment programmer ma feuille de style pour pouvoir afficher le fond du texte en gris lorsque j’appuie sur l’option indentée.

L’idée est de me servir de cette option pour générer un genre de boite de texte comme je l’explique ici sur mon blogue

Merci pour votre aide 🙂

31 décembre 2011 à 21 h 51 min #751029
radiCarl
Membre

Chevalier WordPress
137 contributions
J’ai trouvé par moi-même
```
h5 {
	text-align:justify;
	color:#000000;
	font-size: 100%;
    line-height: 1.6em;
    font-weight:normal;
    font-family: Arial, Helvetica, sans-serif;
	margin:1em .5em 2em .5em;
	padding:10px 15px;
	background:#e0e3e6;
	border: solid 1px #d3d4d5;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
```
1 janvier 2012 à 0 h 45 min #751030

Lumiere de Lune
Participant

Maître WordPress
20531 contributions

Euh… ça na rien à voir
Les boutons de tinymce embarquent du style dans le code de l’article, ce qui est une « horreur »
II suffit de créer une classe « fonc_gris » et de l’appliquer via la liste déroulante style qui est utilisable via TinyMCe extended.

(et en plus pourquoi h5 ?)

1 janvier 2012 à 23 h 18 min #751031

radiCarl
Membre

Chevalier WordPress
137 contributions

Ok, merci pour le commentaire Lumière de Lune… tu auras ainsi remarqué que je suis loin d’être un expert dans le domaine du CSS 😕 Mais bon, j’essaye de faire de mieux que je peux pour arriver à la vision que je visualise pour mon blog.

Alors, oui, j’ai sacrifié l’usage de ma balise h5 afin d’utiliser le style « fond gris » que j’utilise en guise d’encart entre certains paragraphe. Mais là, tu m’intrigue… je n’arrive pas à comprendre comment je pourrais définir une nouvelle classe accessible par la liste déroulante style qui est utilisable via TinyMCe extended.

Merci encore pour ta réponse

1 janvier 2012 à 23 h 26 min #751032

Lumiere de Lune
Participant

Maître WordPress
20531 contributions

Tu installes TinyMCe extended, et tu « importes les styles »… après avoir créé un style « fonds_gris » dans ta feuille de style.

J’ai vu que tu faisais des sites pour d’autres … plonges toi un peu dans le css, la sémantique (à quoi ça sert un h5), et la séparation entre contenu et mise en forme ^^

2 janvier 2012 à 20 h 24 min #751033

radiCarl
Membre

Chevalier WordPress
137 contributions

Merci Lumière, je viens d’installer TinyMCe extended… et vraiment, ce plugin manquait à ma culture WordPress. :wp: Cependant, j’ai du préalablement importer le fichier editor-style.css du theme twenty ten pour faire fonctionner le plugin avec mon thème. Bref, il ne me reste plus qu’à définir le style « fond gris ». dans mon styles.css

Cela dit, puisque tu es de bon conseil quant au CSS… peut-être pourrais-tu m’aligner vers une solution quant à mon problème du moment. Encore merci et bonne année
Auteur

Messages