De la couleur dans les textes

samedi 9 décembre 2006
par  _Eric_
popularité : 7%

Introduction

A l’origine, cette contribution a été développée par Aurélien Piérard : elle reste consultable dans sa forme originelle sur Spip-Contrib, article Des couleurs dans le texte. Pour les besoins du squelette, nous l’avons recodé afin de rendre son activation et son jeu de couleurs paramétrables.

Cette fonction... à quoi ça sert ?

Cet enrichissement typographique permet d’insérer de la couleur dans le texte de certains éléments de SPIP, à savoir, les articles et ses dérivés (édito, évènement, album), les brèves et les rubriques. Il n’est actif que dans le texte des éléments précités.
Les pages concernées sont donc les suivantes :

  • article.html
  • auteur.html
  • evenement.html
  • galerie.html
  • album.html
  • mot.html
  • recherche.html
  • rubrique.html
  • article.html
  • sommaire.html
  • imprimer.html

Il est possible de choisir parmi 11 couleurs prédéfinies, dont la teinte exacte est paramétrable (par défaut, la teinte est initialisée avec la valeur usuelle de la couleur web) [1].

  • le Noir
  • le Blanc
  • le Rouge
  • le Vert
  • le Bleu
  • le Jaune
  • le Gris
  • le Marron
  • le Violet
  • le Rose
  • le Orange

Cette fonction... comment ça marche ?

- Pour le webmestre

Cet enrichissement est un filtre, c’est-à-dire une fonction PHP contenue dans le fichier mes_fonctions.php et nommée typo_couleur(). Il est appliqué, dans les pages citées précédemment :

  • aux balises #TEXTE et #INTRODUCTION d’un article,
  • à la balise #TEXTE des articles spécialisés comme l’édito, les événements et les albums,
  • et à la balise #TEXTE des rubriques et brèves.

Pour activer ou inhiber cette fonction et pour modifier les teintes des couleurs, lire l’article Paramétrage du contenu éditorial.

- Pour le rédacteur

Pour colorer une zone de texte, il suffit de l’encadrer entre les balises [coul] et [/coul] où coul désigne un des 11 noms standard de couleur web définis ci-dessus. Pour utiliser conjointement ce filtre avec les styles SPIP classiques tels que le gras, l’italique, l’intertitre... il est impératif d’appliquer la coloration avant le style SPIP.

Enfin, quand l’enrichissement est inhibé, les balises sont éliminées du texte et la police revêt la couleur imposée par le style css courant.


[1Rien ne vous empêche d’ailleurs d’étendre le panel des couleurs proposées


Commentaires  forum ferme

Logo de Mach1
De la couleur dans les textes
lundi 5 mai 2008 à 04h20 - par  Mach1

Salut l’équipe sarka ;-)

encore moi, pour un problème de couleur, j’ai installé le plugin couteau suisse car il intégrait le plug pour les couleurs dans le texte.

Jusque là, tout vas bien.

Puis je désir colorer les mots que je j’utilise en tant que lien et la ça va plus, soit L’URL ce met a apparaitre après le mot, soit cela me colore le reste de l’article, etc...

cas cela ne tienne, je me dit que cela doit être possible (et plus pratique) de le changer dans style.css et je vois que c’est ce que vous fait sur le site sarka puisque les liens apparaissent en rouge, mais je ne trouve pas ou cela doit ce changer !?

De plus, peut on aussi souligner a cette occasion pour bien faire ressortir un mots dans le texte (avec lien et sans lien) ?

Cordialement

Mach1

Logo de Mach1
lundi 5 mai 2008 à 17h15 - par  Mach1

Salut Éric,

Je me suis mal exprimé le plug color fonction parfaitement en utilisation normal, je disait juste que je l’avais installé avec le couteau suisse parce que il était intégré dedans.

Par contre la ou j’ai un problème c’est sur la coloration de text lorsque il est lié a un lien, exemple :

 ?débit

me donne débit

EDIT : sur votre site cela fonctionne !!! donc ma manip est bonne et cela ne viens pas de là !!??

J’applique, comme il est dit dans l’explication la modif couleur en premier avant les couches spip !

je désire abandonner cette solution pour gagner en automatisation.

je pensais donc pouvoir passer par la feuille de style.css pour automatiser cette extension de couleur a chaque fois que un lien et détecté !

le pire c’est que dans la description des articles cela y est déjà. Le texte est noir et les lien son en bleu automatiquement.

je continu a cherché, merci pour ton aide.

cordialement

Mach1

Logo de Mach1
lundi 5 mai 2008 à 13h19 - par  _Eric_

Salut Mach1,

Et oui, on a un petit mécanisme de balises pour colorer le texte des articles. Pas besoin du couteau suisse pour cela du moins.

L’explication se trouve dans l’article De la couleur dans les textes. Lis la et dis moi si cela te convient. Donc l’idée est simple, le texte est entouré par des balises [coul] et [/coul] pour obtenir un résultat comme celui-là :


Je vais bientôt devenir un texte en couleur. Les couleurs sont paramétrables avec un peu de bonne volonté ;-). Bientôt la version 2.1 me permettra de faire mieux !

A+

Logo de Mach1
De la couleur dans les textes
samedi 29 mars 2008 à 22h06 - par  Mach1

Bonjour,
je n’arrive définitivement pas a changer les couleurs de la police du formulaire de connections.
la fonte est noir et le background est ...... noir, donc

SVP dans quel fichier autre que le style.css peut on changer la couleur de la fonte

merci par avance

Mach1

Logo de Mach1
samedi 5 avril 2008 à 02h08 - par  Mach1

Salut SarkARchimeD,

après quelques jours de recherche, j’ai enfin compris le problème et j’ai quasiment honte de le dire !!!

Mais étant d’origine droite et franche ;-)

je modifiais bien en surchargent le fichier style.css, mais comment dire ........... je uploadais la sauvegarde de celui d’un autre répertoire de sauvgarde, donc forcément......

Donc maintenant j’obtiens bien le bon résultat.

Merci encore pour votre fabuleux boulot, je continus mes modifs et reviens rapporter mes experiences

cordialement

Mach1

Logo de Mach1
dimanche 30 mars 2008 à 22h43 - par  Mach1

Salut SarkARchimeD,

Tout d’abord merci pour ta réponse.

Alors j’ai rajouté la surcharge mais rien ni fait.

Par contre cela ma mis sur une piste je pense, en cherchent le fichier sur le quel il doit pointer (.formulaire_spip label) je me suis rendu compte qu’il n’y était pas ???

Donc je pense que si il n’y est pas il ne peut bien sur pas recevoir les modifs !

où puis je en trouver un et où devrait il ce trouver normalement ?

cordialement

mach1

Logo de Mach1
samedi 29 mars 2008 à 23h10 - par  _Xavier_

Salut

Sarka utilise les formulaires natifs de spip (sauf un ou deux). Par conséquent il utilise souvent les memes css. Ici en l’occurrence, c’est .formulaire_spip label
de spip qui n’est pas modifié par Sarka

Pour le modifier, rajoute dans style.css une surcharge du type :

.formulaire_spip label {
color: ta couleur;
}

Surtout, n’oublie pas de sauvegarder ton fichier dans squelettes/styles/style.css pour garder tes personnalisations lors d’une prochaine mise à jour

@+
SarkARchimeD

Logo de romain B
Ordre des rubriques et logos
dimanche 18 février 2007 à 00h37 - par  romain B

1) Les logos des rubriques « Plan du site » , « Agenda », « Messages »,etc n’apparaissent pas sur mon site.

2) Comment définir un ordre précis pour les rubriques qui semblent se positionner dans l’ordre de création.

Merci.

Logo de romain B
dimanche 18 février 2007 à 22h41 - par  romain B

Merci. Tout est Ok.

Logo de romain B
dimanche 18 février 2007 à 10h28 - par  _Eric_

Salut Romain,

1) Vérifie ton installation. Puis ensuite, vide le cache de SPIP via l’espace privé ET vide le cache de ton navigateur aussi. Relance ta page et... dis nous !

2) Question rituelle qu’il faudra que l’on traite dans une FAQ un jour ou l’autre. Il suffit de numéroter ta rubrique en lui insérant un nombre suivi d’un point au début de son titre ainsi :

1. Rubrique toto
2. Rubrique tutu...

Les numéros seront éliminés lors de l’affichage et seul le titre littéral sera visible.

Tu peux faire cela à tout niveau de la hiérarchie ou pas et cela s’applique aussi aux articles.

Voila

Logo de bpm
De la couleur dans les textes
lundi 22 janvier 2007 à 13h27 - par  bpm

Est-il possible de modifier la couleur des cadres (par défaut : bleu) ?

Logo de bpm
vendredi 23 février 2007 à 12h04 - par  Bernard

Bonjour,
J’ai bien modifié beaucoup de couleurs mais il ne me reste que les fonctions standard de la colonne gauche (de "plan du site" à "Rechercher") comment modifier la couleur de ces textes, je n’ai pas trouvé.
Merci de votre aide.

Logo de Bernard
jeudi 25 janvier 2007 à 18h17 - par  flashback

Bien sur il suffit de modifier la couleur dans le css de sarka fichier style.css
pour cela un petit truc si tu utilise Firefox il existe 2 extensions très pratique colorzilla et web-developer pour repérer les codes couleur.
les liens : Firefox 2.0
 ; colorzilla
 ; Webdevelloper

Navigation

Articles de la rubrique