Code couleur écriture toolbar FA

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

Résolu Code couleur écriture toolbar FA

Message par FANCH 56 le 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
+ Hyperactif +

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

http://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 le Mer 6 Fév 2013 - 10:19

Bonjour Fanch,

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

Matriochka
+ Hyperactif +

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 le 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
+ Hyperactif +

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

http://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 le Mer 6 Fév 2013 - 10:22

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

Essaye en la retirant

Matriochka
+ Hyperactif +

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 le Mer 6 Fév 2013 - 10:29

Négatif pas de changement

FANCH 56
+ Hyperactif +

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

http://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 le 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
***

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 le 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
+ Hyperactif +

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

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code couleur écriture toolbar FA

Message par Apexclaire le 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
***

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 le Mer 6 Fév 2013 - 11:23

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

Cordialement Wink

Luluwebmaster
*****

Masculin
Messages : 720
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 le 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 : http://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
Aidactif
Aidactif

Messages : 23447
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 le 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
***

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é le Mer 6 Fév 2013 - 11:38

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

Invité
Invité


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

Résolu Re: Code couleur écriture toolbar FA

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

A la place de "red" ?

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é le Mer 6 Fév 2013 - 11:40

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

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 le 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
+ Hyperactif +

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

http://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 le 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
***

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 le 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
+ Hyperactif +

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

http://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 le 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
*****

Masculin
Messages : 720
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 le 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
Aidactif
Aidactif

Messages : 23447
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 le 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
***

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 le Mar 12 Fév 2013 - 10:06

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 résolu
  • 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 Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

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

http://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


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