Code couleur écriture toolbar FA

+3
FANCH 56
Automne
Matriochka
7 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code couleur écriture toolbar FA

Message par FANCH 56 Mer 6 Fév 2013 - 10:18

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;
}
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Matriochka Mer 6 Fév 2013 - 10:19

Bonjour Fanch,

Il ne faut pas utiliser font-color mais simplement color Wink
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par FANCH 56 Mer 6 Fév 2013 - 10:22

Bonjour Matriochka

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

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Matriochka Mer 6 Fév 2013 - 10:22

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

Essaye en la retirant
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par FANCH 56 Mer 6 Fév 2013 - 10:29

Négatif pas de changement
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Apexclaire Mer 6 Fév 2013 - 10:36

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 Very Happy

Merci d'avance
Apexclaire

Apexclaire
***

Féminin
Messages : 185
Inscrit(e) le : 23/09/2012

http://monchihuahuaamoi.forumactif.org/
Apexclaire a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Automne Mer 6 Fév 2013 - 11:01

Bonjour,

Essais comme çà

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

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Apexclaire Mer 6 Fév 2013 - 11:09

Aie Aie Aie

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

Apexclaire
***

Féminin
Messages : 185
Inscrit(e) le : 23/09/2012

http://monchihuahuaamoi.forumactif.org/
Apexclaire a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Luluwebmaster Mer 6 Fév 2013 - 11:23

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

Cordialement Wink
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Ea Mer 6 Fév 2013 - 11:24

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.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Apexclaire Mer 6 Fév 2013 - 11:30

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é ? scratch
Apexclaire

Apexclaire
***

Féminin
Messages : 185
Inscrit(e) le : 23/09/2012

http://monchihuahuaamoi.forumactif.org/
Apexclaire a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Invité Mer 6 Fév 2013 - 11:38

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Apexclaire Mer 6 Fév 2013 - 11:39

A la place de "red" ?
Apexclaire

Apexclaire
***

Féminin
Messages : 185
Inscrit(e) le : 23/09/2012

http://monchihuahuaamoi.forumactif.org/
Apexclaire a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Invité Mer 6 Fév 2013 - 11:40

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par FANCH 56 Mer 6 Fév 2013 - 11:43

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

Je vais tester.
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Apexclaire Mer 6 Fév 2013 - 11:48

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 scratch
Dans le code que je viens de donner, n'y aurai t il pas une parti couleur à rajouter ???
Apexclaire

Apexclaire
***

Féminin
Messages : 185
Inscrit(e) le : 23/09/2012

http://monchihuahuaamoi.forumactif.org/
Apexclaire a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par FANCH 56 Mer 6 Fév 2013 - 12:02

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;
        }



Dernière édition par FANCH 56 le Ven 8 Fév 2013 - 20:39, édité 2 fois
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Luluwebmaster Mer 6 Fév 2013 - 12:28

FANCH 56 a écrit: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 ^^
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Ea Mer 6 Fév 2013 - 12:31

Apexclaire a écrit:
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 scratch
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.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Apexclaire Mer 6 Fév 2013 - 12:36

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

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

Apexclaire
***

Féminin
Messages : 185
Inscrit(e) le : 23/09/2012

http://monchihuahuaamoi.forumactif.org/
Apexclaire a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Chacha Mar 12 Fév 2013 - 10:06

Code couleur écriture toolbar FA Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Code couleur écriture toolbar FA Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Code couleur écriture toolbar FA 50378

A bientôt sur ForumActif Smile
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum