Code couleur écriture toolbar FA

[FANCH 56]

J'essaie de changer la couleur de la police de la toolbar, cela ne fonctionne pas.

Où est l'erreur ?

Merci

Code:

  #fa_toolbar, { font-size:15px;
  font-color:#010101;
}

[Matriochka]

Bonjour Fanch,

Il ne faut pas utiliser font-color mais simplement color

[FANCH 56]

Bonjour Matriochka

Cela ne fonctionne pas non plus. J'ai un doute quand au début du code

[Matriochka]

Ah, je n’avais pas vu la virgule ici : #fa_toolbar,

Essaye en la retirant

[FANCH 56]

Négatif pas de changement

[Apexclaire]

Bonjour FANCH

Si tu trouve l'erreur et que tu parviens a avoir un code viable, pourrais tu le mettre ici ça m’intéresse

Merci d'avance

[Automne]

Bonjour,

Essais comme çà

Code:

#fa_right a.rightHeaderLink, #fa_icon, #fa_toolbar #fa_service  {
color: #010101 !important;
}

[Apexclaire]

Aie Aie Aie

Chez moi sa na pas fonctionner, sa a vider ma Toolbar même ...
Quel désastre

[Luluwebmaster]

Salut,
moi ça marche, mais ça change que la couleur de "notifications"

Cordialement

[Ea]

Bonjour,


En essayant de modifier un peu tout les textes j'ai :

Code:

/* couleur texte du partager */
body #fa_share_text { color: red; }
/* couleur texte du lien forumactif */
body #fa_toolbar #fa_service { color: green!important; }
/* couleur texte champ recherche */
#fa_textarea { color: yellow; }
/* couleur texte onglet menu bienvenue */
body #fa_right.notification #fa_menu #fa_welcome , body #fa_right #fa_menu #fa_welcome { color: blue; }
/*  couleur texte onglet menu bienvenue actif */
body #fa_right.welcome #fa_menu #fa_welcome { color: grey; }
/* couleur liens menu  */
body #fa_menulist :link, body #fa_menulist :visited { color: orange!important; }
/* couleur texte onglet menu notification */
body #fa_right #fa_notifications { color: pink; }
/* couleur texte onglet menu notification actif */
body #fa_toolbar > #fa_right.notification > #fa_notifications { color: purple; }
/* couleur nombre de nouvelles notifications */
#notif_unread { color: brown; }
/* couleur texte des notifications */
body #fa_toolbar #fa_right #notif_list li { color: darkblue; }
/* couleur lien des notifications */
body #fa_toolbar #fa_right #notif_list li .contentText a { color: cyan!important; }
/* couleur texte des notifications non lues */
body #fa_toolbar #fa_right #notif_list li.unread { color: #F0F0F0 ; }
/* couleur lien des notifications non-lues */
body #fa_toolbar #fa_right #notif_list li.unread .contentText a { color: #D8D8D8!important; }
/* couleur de voir toutes les notifications */
body #fa_toolbar #fa_right #notif_list li.see_all a { color: lightblue; }
/* ce qui suit n'est pas certain */
/* couleur texte notification popup */
#fa_toolbar #live_notif .content { color: lightgreen!important; }
/* couleur lien notification popup */
#fa_toolbar #live_notif a { color: red; }

ce qui donne : https://i.imgur.com/ykZ5ann.png

Donc par exemple pour mettre "Forumactif", " Partager : ", "Bienvenue pseudo" et "Notifications" en rouge, on devrait pouvoir mettre dans le CSS :

Code:

/* couleur texte du partager */
body #fa_toolbar #fa_service { color: red!important }
body #fa_share_text, body #fa_right.notification #fa_menu #fa_welcome , body #fa_right #fa_menu #fa_welcome, body #fa_right #fa_notifications { color: red; }

Cordialement.

[Apexclaire]

Par contre, on aura rouge ou bleu ou jaune admettons
Mais si j'ai bien compris on utilise pas ce type de code couleur #542525 donc la couleur ne pourra pas être personnalisé ?

[Invité]

Bonjour , tu peux mettre un code couleur HTML , ça fonctionne.

[Apexclaire]

A la place de "red" ?

[Invité]

oui , tu supprime red et tu mets ton code couleur #xxxxxx;

[FANCH 56]

Hé ben le temps que je m'absente, y a eu du boulot !!!

Je vais tester.

[Apexclaire]

Alors chez moi ca fonctionne mais sur les modules de la toolbar laisser par défaut
Hier soir EA est venu m'aider pour personnalisé ma TB
Donc là en l’occurrence ajouter des liens direct de mes partenaires avec ce code javascript


$(function(){$(function(){

$('#fa_left').append(' <a href="http://www.unegriffealapatte.com/" style="margin-left: 20px; margin-right: 10px;">Une Griffe à la Patte</a>');

})});

Code qui a correctement fonctionner, seulement ils n'ont pas pris la couleurs du reste
Dans le code que je viens de donner, n'y aurai t il pas une parti couleur à rajouter ???

[FANCH 56]

Pour ma part, le code de Ea fonctionne pour la couleur police noire

Code:


        /* **************** COULEUR TEXTE DE LA TOOLBAR***************** */
        body #fa_toolbar #fa_service { color: black!important }
        body #fa_share_text, body #fa_right.notification #fa_menu #fa_welcome , body #fa_right #fa_menu #fa_welcome}

Code:


/* **************** MISE EN ROUGE NOTIFICATION****************** */
  #fa_right a.rightHeaderLink, #fa_icon, #fa_toolbar #fa_service  {
        color: red !important;
        }



[Luluwebmaster]

Pour ma part, le code de Ea fonctionne pour la couleur police noire

Code:


        /* **************** COULEUR TEXTE DE LA TOOLBAR***************** */
        body #fa_toolbar #fa_service { color: black!important }
        body #fa_share_text, body #fa_right.notification #fa_menu #fa_welcome , body #fa_right #fa_menu #fa_welcome}

/* **************** MISE EN ROUGE NOTIFICATION****************** */
#fa_right a.rightHeaderLink, #fa_icon, #fa_toolbar #fa_service {
color: red !important;
}

/* **********************************RETRAIT du mot FORUMACTIF*********** */

body #fa_toolbar #fa_service { display: none!important; }[/code]

Pareil pour moi ^^

[Ea]

Code:

$(function(){$(function(){
       
  $('#fa_left').append(' <a href="http://www.unegriffealapatte.com/" style="margin-left: 20px; margin-right: 10px;">Une Griffe à la Patte</a>');
       
})});

Code qui a correctement fonctionner, seulement ils n'ont pas pris la couleurs du reste
Dans le code que je viens de donner, n'y aurai t il pas une parti couleur à rajouter ???

Pour quelque chose d'ajouté comme cela, on devrait pouvoir mettre :

Code:

$(function(){$(function(){
       
  $('#fa_left').append(' <a href="http://www.unegriffealapatte.com/" style="margin-left: 20px; margin-right: 10px; color:#116600; ">Une Griffe à la Patte</a>');
       
})});

Ou en fait, un lien ajouté comme cela a la couleur de base des liens mis dans la barre, e on peut changer cette couleur avec ceci dans le css :

Code:

body #fa_toolbar :link, body #fa_toolbar :visited { color: lime; }

( sans changer le javascript )

Cordialement.

[Apexclaire]

C'est parfait Ea !!!
Je te remercie !!!

Je met tout ses codes de côté
Merci encore pour cette réactivité !!!!

[Chacha]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif