recherche d'un css couleur texte de la barre de navigation

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

Résolu recherche d'un css couleur texte de la barre de navigation

Message par So-Mush le Dim 3 Juin 2012 - 22:49

bonjour !

J'aimerais savoir s'il existe un code css pour changer la couleur des liens que l'on retrouve dans la barre de navigation s'il vous plait ?

je me sers de ce code pour qu'il y ai des changements au passage de la souris:
Code:
.mainmenu:hover {
    height: 0px;
    background-color: none ;
    border-bottom: 2px solid #ffffff;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-right: 16px;
    color: #cecece ;
    font-variant: small-caps;
    text-shadow: #none 0px 0px 0px ;
    font-size: 14px;
    font-family: calibri ;
    }

mais chose bizarre quand je cherche à me servir de celui là rien ne se passe
Code:
.mainmenu{
 height: 0px;
    background-color: none ;
    border-bottom: 0px solid #ffffff;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 3px;
      padding-right: 16px;
    color: #cecece ;
    text-shadow: #1A0F0F 1px 1px 2px ;
    font-size: 14px;
    font-family: calibri ;
    font-variant: small-caps;
     
    }

ce sont les couleurs définis dans la partie "couleur" des PA qui s'appliquent.

Pouvez-vous me dire s'il existe un moyen de contourner la couleur choisie dans les PA s'il vous plait ?

Je vous remercie par avance,

Cordialement !


Dernière édition par So-Mush le Mar 5 Juin 2012 - 10:16, édité 1 fois

So-Mush
****

Féminin
Messages : 332
Inscrit(e) le : 09/01/2010

http://freak-muse.forumactif.com/
So-Mush a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recherche d'un css couleur texte de la barre de navigation

Message par Milouze14 le Lun 4 Juin 2012 - 18:56

Salut So-Mush,
tu peux donner tout le contenu de ta feuille de style stp?

Les deux codes sont pratiquement similaires sauf la bordure basse Wink .
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recherche d'un css couleur texte de la barre de navigation

Message par So-Mush le Lun 4 Juin 2012 - 20:25

Voilà ma feuille Smile

Code:
/* LIENS DU FORUM */
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }




/*déco colonne 3*/
.dermessage {
font-family: franklin gothic book;
font-size: 12px;
border: 0px solid;
padding 7px;
padding-left: -20px;                   
text-align: center;
margin-bottom: 0px;
margin-right: 0px;
background-image: url("http://i43.servimg.com/u/f43/15/43/77/74/apc3310.png") ;
background-repeat: no-repeat;
width: 182px;
height: 83px;}   


/* pied de page mentions légales*/
#page-footer a{
color: #000000 ;
font-size: 12px;
font-family: calibri, sans-serif;
position: bottom center;
  }
 
#page-footer {
color: #000000 ;
font-size: 12px;
font-family: calibri, sans-serif;
position: bottom center;
margin-top: -20px;
  }

   
.navig {
position: absolute;
top: 0px;
left:0px;
width: 100%;
background-image: url("http://i43.servimg.com/u/f43/15/43/77/74/backgr10.png");
background-repeat: repeat-x;
height: 26px;
padding-left: -5px;}
 
 

/* IMAGE DU HAUT DES CATEGORIES */
.secondarytitle {
background-image: none;
 background-repeat: no-repeat;}
               
/* CITATIONS */
.quote{
font-family: Tahoma;
font-size: 12px;
color: #ffffff;
line-height: 125%;
background-color: #997abc;
border: #997abc;
border-style: solid;
border: 1px #997abc;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}
               
/* CITATIONS DE CODE */
.code{
color: #802525;
background-color: #ffffff;
border: #Ffffff;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #Ffffff;
-moz-border-radius:6px;}     
               
           
                                   
/* LIENS DU TITRE DES FORUMS */
.forumlink{
font-size:14px;
margin-left:0px;
margin-top:0px;
padding-left: 5px;
font-weight:bolder;
word-spacing:3px;
text-align:left;
display:10px;
font-family:calibri;
color;#ffffff;}
             
 

/*avatar centré */
div.infos_posteur{
width:155px;
margin-right:-3px;
margin-left:-3px;
margin-top:-21px;
text-align:center;
background-image: ("http://i43.servimg.com/u/f43/15/43/77/74/fond_p10.png");
background-position: bottom ;
background-color:#706E6E;
border:0px solid #7D7D74; /*dashed code bord pointillés*/
border-radius: 0px 0px 0px 0px;
background-position: center;
padding-bottom: 0px;}
         
         
.forumline{
background-repeat: repeat-y; 
background-position: bottom;
background-color: none;
wight: 802px;
border: 0px solid ;
color:#2D2D2D ;
padding-left: 0px;
padding-right: 0px; /*espace entre les bloc et le cadre de l'index*/
padding-bottom: 0px; /*espace entre les bloc et le cadre de l'index*/
padding-top: 0px; /*espace entre les bloc et le cadre de l'index*/
margin-bottom:10px;
}         

           
.foruminfo{
font-family: franklin gothic book;
font-size: 12px;
border: 2px solid none;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-top-left-radius: 0px;
border-bottom-right-radius: 12px;
border-top-left-radius: 0px;}


 
/* conteneur des catégories */
#conteneur_categories{}

/*  catégories */ 
.categorie{}
 
   
 
/* conteneur des onglets */
#conteneur_onglets{
display: none;
background-image: url("http://i43.servimg.com/u/f43/15/43/77/74/apcc10.png");
background-position: no-repeat;
height: 26px;
wight: 788px;
margin-bottom: 10px;

  }
 
/* début onglets */
.onglet{
cursor: pointer;
background-color: none ;
border-bottom: 0px solid #ffffff;
padding: 0px;
padding-top: 0px;
padding-bottom: 5px;
padding-right: 16px;
padding-left: 16px;
color: #cecece ;
text-shadow: #none 0px 0px 0px ;
font-size: 14px;
font-family: calibri ;
font-variant: small-caps;
border-bottom: 2px solid #5C5C5C;  }

 
.onglet:hover{
cursor: pointer;
background-color: none ;
border-bottom: 2px solid #ffffff;
padding: 0px;
padding-top: 0px;
padding-bottom: 5px;
padding-right: 16px;
padding-left: 16px;
color: #cecece ;
font-variant: small-caps;
text-shadow: #none 0px 0px 0px ;
font-size: 14px;
font-family: calibri; } 
/* fin onglets */
 
.user_login_form.center{
background-color:#none;}


.api{
background-color: #E8E8E8;
border: 0px solid ;
color:#2D2D2D ;
background-repeat: repeat-y;}
.atp{
background-image: url("http://i43.servimg.com/u/f43/15/43/77/74/middle16.png");
background-repeat: repeat-y;}
.apf{
background-image: url("http://i43.servimg.com/u/f43/15/43/77/74/armidd12.png");
background-repeat: repeat-y;
margin-bottom:10px;}

.post-options{
padding-right: -20}

 
 

.bodyline {
border-right: 1px solid #A3A3A3;
border-left: 1px solid #B4B4B4;
padding-left:-10px;
padding-right:-10px;
margin-top:-15px;
margin-BOTTOM:-15px;
background-color: #CDCDCD ;
background-image: url("none");
background-repeat: repeat-y;
box- shadow :2px 2px 10px gray;
-moz-box- shadow :2px 2px 10px gray;
-webkit-b ox-shadow :2px 2px 10px gray;
-khtml-box- shadow:  2px 2px 10px gray; }
 

body {
background-repeat: no-repeat;
margin-top:-15px;
margin-BOTTOM:-15px;}

/* DEBUT QEEL*/
.groupe{
text-shadow: #1A0F0F 1px 1px 2px ;}

.fond_general {
background-image: url("http://i43.servimg.com/u/f43/15/43/77/74/sans_t12.png");
background-repeat: no-repeat; }

.fond_qeel {
background-color: #DCDCDC;
background-image: url("none");
background-repeat: no-repeat;
background-position: right;
border: 0px solid #fff;
-moz-border-radius:0px;
-webkit-border-radius: 0px;
border-raduis: 0px;
padding: 5px;
height: 390px;
box- shadow :2px 2px 10px gray;
-moz-box- shadow :2px 2px 10px gray;
-webkit-b ox-shadow :2px 2px 10px gray;
-khtml-box- shadow:  2px 2px 10px gray;
width: 200px;
 
 }

  .titre_qeel{
  color: #2E2E2E;
  font-size: 18px;
  font-family: calibri;
 
  }
 
  .stat_bloc {
 
  text-align: justify;
  padding: 5px;
  width: 260px;
  border-left: 1px dashed;
  border-right: 1px dashed;
  border-bottom: 1px dashed;
  border-top: 6px solid;
 
  }
           
    .list_bloc{
  text-align: justify;
  height: 320px;         
  overflow: auto;
  padding: 5px;
  border-left: 1px dashed;
  border-right: 1px dashed;
  border-bottom: 1px dashed;
  border-top: 6px solid;
  ;
}

.BH_bloc{
  text-align: justify;
height: 200px;         
  overflow: auto;
  padding: 5px;
  border-left: 1px dashed;
  border-right: 1px dashed;
  border-bottom: 1px dashed;
  border-top: 6px solid;
width: 180px;}

.fond_co3{
  width: 210px;
background-color: #DCDCDC;
 background-image: url("none");
  background-repeat: no-repeat;
  background-position: right
 border: 0px solid #fff;
 -moz-border-radius:0px;
 -webkit-border-radius: 0px;
 border-raduis: 0px;
 padding: 5px;
height: 390px;
    box- shadow :2px 2px 10px gray;
-moz-box- shadow :2px 2px 10px gray;
-webkit-b ox-shadow :2px 2px 10px gray;
-khtml-box- shadow:  2px 2px 10px gray;}

.fond_co2 {
width: 290px;
background-color: #DCDCDC;
 border: 0px solid #fff;
 -moz-border-radius:0px;
 -webkit-border-radius: 0px;
 border-raduis: 0px;
 padding: 5px;
margin-left:0px;
margin-right:0px;
height: 390px;
box- shadow :2px 2px 10px gray;
-moz-box- shadow :2px 2px 10px gray;
-webkit-b ox-shadow :2px 2px 10px gray;
-khtml-box- shadow:  2px 2px 10px gray;
}


.texteqeel{
color: #333333;
font-family:calibri;
font-size: 12px;}

/* FIN QEEL*/

.fond_titre_forum{         
background-color:#BFBFBF  /* #2E2E2E;#202A38;#7A7D82;  #515661;#a6a3a3 */ 
width:100%;
height: 22px;
text-align:center;
padding-top: 3px;
 
        }


.opacite  { 
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1; }

.opacite:hover  {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5; }

.descript{
  margin-bottom: -17px;
  margin-top: -3px;}
 
 .row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
 

.mainmenu{
 height: 0px;
    background-color: none ;
    border-bottom: 0px solid #ffffff;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 3px;
      padding-right: 16px;
    color: #cecece ;
    text-shadow: #1A0F0F 1px 1px 2px ;
    font-size: 14px;
    font-family: calibri ;
    font-variant: small-caps;
     
    }

    .mainmenu:hover {
    height: 0px;
    background-color: none ;
    border-bottom: 2px solid #ffffff;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-right: 16px;
    color: #cecece ;
    font-variant: small-caps;
    text-shadow: #none 0px 0px 0px ;
    font-size: 14px;
    font-family: calibri ;

   
    }
   
    .gensmall{
      color: #333333;
    font-family:calibri;
    font-size: 12px;
    }
   
 

.nav{color:#333333;
    font-family:calibri;
    font-size: 12px;}


.nav:hover{
      color:#333333;
    font-family:calibri;
    font-size: 12px;
}

APBC{
  background-color: #none;}







Oui je ne demande que la bordure blanche comme changement au passage de la souris.
Mon problème vient juste de la couleur du texte qui est de la couleur demandé dans les PA pour la couleur des liens Confused

So-Mush
****

Féminin
Messages : 332
Inscrit(e) le : 09/01/2010

http://freak-muse.forumactif.com/
So-Mush a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recherche d'un css couleur texte de la barre de navigation

Message par Milouze14 le Mar 5 Juin 2012 - 7:18

Salut So-Mush,

Code:
Oui je ne demande que la bordure blanche comme changement au passage de la souris.
dans cette class:

Code:
.mainmenu
{
 height: 0px;
    background-color: none ;
    border-bottom: 0px solid #ffffff;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 3px;
      padding-right: 16px;
    color: #cecece ;
    text-shadow: #1A0F0F 1px 1px 2px ;
    font-size: 14px;
    font-family: calibri ;
    font-variant: small-caps;
  }
ceci est inutile , tu peux supprimer Wink :

Code:
border-bottom: 0px solid #ffffff;

Pour mieux te faire comprendre:
mainmenu correspond au contenant ou sont insérés les textes
donc pour les couleurs des textes il faut attribuer une nouvelle class:
Code:
.mainmenu a
{
    color: #cecece ;
    text-shadow: #1A0F0F 1px 1px 2px ;
    font-size: 14px;
    font-family: calibri ;
    font-variant: small-caps
}

et pour le le survol du texte
Code:
.mainmenu a:hover
{
    color: #cecece ;
    font-variant: small-caps;
    text-shadow: #none 0px 0px 0px ;
    font-size: 14px;
    font-family: calibri ;
}

tu répètes ceci au survol:

Code:
color: #cecece ;
font-variant: small-caps;
font-size: 14px;
font-family: calibri ;


donc tu peux supprimer ces lignes pour n'avoir que ceci:

Code:

.mainmenu a:hover
{
text-shadow: #none 0px 0px 0px ;
}



a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recherche d'un css couleur texte de la barre de navigation

Message par So-Mush le Mar 5 Juin 2012 - 8:34

D'accord je vais enlever ce qui est inutile Smile

@Milouze14 a écrit:
Pour mieux te faire comprendre:
mainmenu correspond au contenant ou sont insérés les textes
donc pour les couleurs des textes il faut attribuer une nouvelle class:
C'est ce que je cherchais à faire ça ! bounce bounce
Mais j'ai cherchais dans mes template je ne sais pas trop dans lequel je dois regarder pour ce changement Confused Tu peux me dire ou cela se trouve s'il te plait ?

So-Mush
****

Féminin
Messages : 332
Inscrit(e) le : 09/01/2010

http://freak-muse.forumactif.com/
So-Mush a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recherche d'un css couleur texte de la barre de navigation

Message par Milouze14 le Mar 5 Juin 2012 - 8:55

Re,

il te suffit de modifier seulement dans les class données plus haut Wink .

Code:
        .mainmenu a
        {
            color: #cecece ;
            text-shadow: #1A0F0F 1px 1px 2px ;
            font-size: 14px;
            font-family: calibri ;
            font-variant: small-caps
        }
et le survol


Code:
.mainmenu a:hover
        {
            color: #cecece ;
            font-variant: small-caps;
            text-shadow: #none 0px 0px 0px ;
            font-size: 14px;
            font-family: calibri ;
        }

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recherche d'un css couleur texte de la barre de navigation

Message par So-Mush le Mar 5 Juin 2012 - 9:16

Oula je suis mal réveillé moi j'aurais dû mieux lire Razz

Je viens d'essayer ce que tu m'as donné mais ça ne change pas mon problème, même avec cela:
Code:

.mainmenu a
        {
            color: #cecece ;
            text-shadow: #1A0F0F 1px 1px 2px ;
            font-size: 14px;
            font-family: calibri ;
            font-variant: small-caps
        }
 
              .mainmenu a:hover
                {
                    color: #cecece ;
                    font-variant: small-caps;
                    text-shadow: #none 0px 0px 0px ;
                    font-size: 14px;
                    font-family: calibri ;
                }
comme tu peux le voir la couleur reste celle qui est demandé dans les PA pour des liens:



So-Mush
****

Féminin
Messages : 332
Inscrit(e) le : 09/01/2010

http://freak-muse.forumactif.com/
So-Mush a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recherche d'un css couleur texte de la barre de navigation

Message par Milouze14 le Mar 5 Juin 2012 - 9:18

Re,
ce n'est le même forum que celui de ton profil !!!

Merci de donner le lien du forum concerné afin que l'on puisse avancer stp Wink .
Merci.
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recherche d'un css couleur texte de la barre de navigation

Message par So-Mush le Mar 5 Juin 2012 - 9:22

Ah non je suis désolée je ne l'ai pas précisé c'est mon forum test là pas mon vrai pale
Le voilà
Code:
http: // fakefo.dieuxdustade.org

So-Mush
****

Féminin
Messages : 332
Inscrit(e) le : 09/01/2010

http://freak-muse.forumactif.com/
So-Mush a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recherche d'un css couleur texte de la barre de navigation

Message par Milouze14 le Mar 5 Juin 2012 - 9:29

Merci mais le lien n'est pas cliquable, mais j'ai trouvé l'astuce Very Happy .

http://fakefo.dieuxdustade.org/

Je viens de t'envoyer un M.P car c'est un peu le bazar Very Happy .
Il faudra ensuite revenir sur ton topic pour expliquer les manipulations qui ont apporté
les corrections Wink .
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: recherche d'un css couleur texte de la barre de navigation

Message par So-Mush le Mar 5 Juin 2012 - 10:16

Problème réglé !

Ayant modifié ma barre de navigation grace à ce tutoriel: http://forum.forumactif.com/t301744-mettre-sa-barre-de-navigation-en-haut-du-forum. J'ai inséré une barre nommé navig le texte ne passait plus par:
Code:
mainmenu a
mais par:
Code:
navig a

Donc pour modifier la couleur des textes de la barre de navigation sans passer par la fonction "couleur et taille de texte" des PA il fallait se servir de celà:

Code:
.navig a 
{
color: #ffffff ;
text-shadow: #1A0F0F 1px 1px 2px ;
font-size: 14px;
font-family: calibri ;
font-variant: small-caps;
}
.navig a:hover
{
color: #ffffff ;
text-shadow: #1A0F0F 1px 1px 2px ;
font-size: 14px;
font-family: calibri ;
font-variant: small-caps;
  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

Merci encore à milouze14 pour son aide !
Cordialement !



So-Mush
****

Féminin
Messages : 332
Inscrit(e) le : 09/01/2010

http://freak-muse.forumactif.com/
So-Mush 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