programmer une variable personnalisée

[joseph...@gmail.com]

Bonjour à tous,

avant tout, je ne suis pas du tout un pro (ni même un débutant) du
html, je comprends juste un tout petit peu comment ça marche.

j'aimerais créer une variable de couleur de texte, et bien sûr je ne
sais pas comment faire...
un truc du genre :
color_perso="color: rgb(255, 102, 0);" que je pourrais insérer dans le
code html du blog par ex (mais où et comment?)
et puis l'utiliser dans mes messages ou éléments du blog pour écrire
du texte dans une certaine couleur du genre :
<div style="color_perso">merci beaucoup pour votre aide</div>

ainsi si je veux changer la couleur, je ne suis pas obligé de me taper
chaque message à la main.

[prac]

Bonsoir Joseph et bienvenue au club

La couleur du texte est fixée par la variable du blog (Mise en Page /
Modifier le code HTML)

<Variable name="textColor" description="Text Color" type="color"
default="#29303b" value="#29303b">

- Pour un message particulier, la fenêtre d'édition propose l'outil
couleur du texte !!!!

- A la main, en ligne dans le html :

<p ou div style="color: #F00;">Ceci sera en rouge</p>

- En definissant un style, inserer avant </head> (Mise en Page /
Modifier le HTML)

<style type="text/css">

/* classe rouge */

.cl_rouge
{
color: #F00;
}

/* classe bleu */

.cl_bleu
{
color: #00F;
}

</style>

et pour l'emploi, dans le html du message

<p class="cl_rouge">Mon texte en rouge</p>

Bonne soirée en multicolor

---

http://viti-vino-feed.blogspot.com

http://viti-vino.blogspot.com

---

[joseph...@gmail.com]

Merci c'est exactement ce type de procédure que je cherche

j'ai testé le code d'exemple mais le texte garde sa couleur par
défaut, peut-être y a-t-il une subtilité qui m'échappe...

voilà comment j'ai adapté la chose, évidemment sans succès :

----- dans la liste des variables :

<Variable name="coulponct" description="couleur ponctuelle de texte"
type="color" default="#ff6600" value="#ff6600">

----- puis avant </head> :

]]></b:skin>

<style type='text/css'>

/* couleur ponctuelle
----------------------------------------------- */
.coulponct {
color: $coulponct;
}

</style>

</head>

j'ai essayé avant et après "]]></b:skin>" : ça marche pas dans mes
messages le texte reste gris avec les balises <div class="coulponct"></
div>

je pense que c'est un problème de syntaxe ou alors un problème
d'endroit où marquer ce code

si quelqu'un a une idée, je prends !

merci

mon blog : josephteron.blogspot.com

[prac]

Bonsoir joseph

J ai un test ici

http://chappuis.blogspot.com/2008/05/test-couleur.html

cela fonctionne tres bien

Vous avez correctement defini une varaible, mais je ne vois pas de
style avec une classe coulponct ni l utilisation de cette classe dans
un bloc div

Bonne soirée

--

http://viti-vino-feed.blogspot.com

http://viti-vino.blogspot.com

--

[joseph...@gmail.com]

ça marche ! merci beaucoup prac : http://josephteron.blogspot.com/2008/05/test.html

c'est plus simple que je ne pensais... mais quand on sais pas trop ce
qu'on fait, on est un peu bête.
je me console en pensant que les pros du html sont un jour passés par
là.

je résume pour les suivants

pour créer une variable de couleur de texte que l'on pourra appliquer
dans les messages :


- écrire une variable dans la liste des définitions de variable (au
début du code HTML du modèle) :

<Variable name="macouleur" description="couleur personnelle de texte"

type="color" default="#ff6600" value="#ff6600">

ainsi on pourra choisir sa couleur avec le sélecteur de couleurs dans
le menu : mise en page > polices et couleur (ici sous le titre
"couleur personnelle de texte")


- écrire un style :

.macouleur {color: $coulponct;}

par exemple juste après la liste de variable (après le */)


- enregistrer le modèle


- dans un message taper :

<div class="macouleur">le texte à colorier</div>

et voilà ! mais attention le texte ne sera colorié qu'après sa
publication (c'est ce qui m'a induit en erreur je crois)


encore un grand merci (c'était un petit pas pour lui mais un pas de
géant pour moi) à prac et bonne nuit

[wassy]

Bonjour à tous,

Bienvenue (un peu tardive) sur ce groupe, joseph.

> c'est plus simple que je ne pensais... mais quand on sais pas trop ce
> qu'on fait, on est un peu bête.
> je me console en pensant que les pros du html sont un jour passés par
> là.
>
> je résume pour les suivants

Vous pourriez poster cette procédure-astuce sur le blog d'aide, si
vous le souhaitez : http://aide-blogger-fr.blogspot.com/

Merci.

a+
BB.

[joseph...@gmail.com]

précision pour les liens que vous voudriez colorier avec cette méthode
(sinon ça marche pas):

<a href=http://ladressedu.lien><div style="text-decoration:
underline;" ; class="macouleur">lien à colorier</div></a>

si en plus vous voulez le mettre en gras :

<a href=http://ladressedu.lien><div style="text-decoration: underline;
font-weight: bold;" ; class="macouleur">lien à colorier</div></a>