[Résolu] Comment changer la taille de la police dans un code javascript ?

[FANCH 56]

Dans ce code, qui est un menu rajouté dans la toolbar et qui fonctionne, je n'arrive pas à changer la taille et à supprimer le gras de la poilice de la phrase : Joindre un Administrateur".

J'ai essayé différentes balises, mais elles apparaissent dans le titre ensuite.

MErci

Code:

$(function (){$(function (){
                   
                              $('#fa_right').after(
                                '<span id="toolbar_add">
        <span style="margin-left:12px;text-align: center;">
                          <select class="optionscolored" style="width: 225px;" onchange="location = this.value">
                             
                              <option id="titre_option_non_visible">Joindre un Administrateur</option>

                              <option value ="mailto:contactacb@sfr.fr" style="color:blue"> CONTACT FONDATEUR</option>
                              <option value="http://www.anciens-cols-bleus.net/u908"> Alain  29</option>
                              <option value="http://www.anciens-cols-bleus.net/u997contact"> centime44</option>
                              <option value="http://www.anciens-cols-bleus.net/u2792"> Charly.</option>
                              <option value="http://www.anciens-cols-bleus.net/u658contact"> COLLEMANT Dominique</option>
                              <option value="http://www.anciens-cols-bleus.net/u1327contact"> Franjacq</option>
                              <option value="http://www.anciens-cols-bleus.net/u255contact"> Momo</option>
                              <option value="http://www.anciens-cols-bleus.net/u269contact"> SEGALEN Georges</option>
            
                            </select>
                        </span>'+'
        <span class="fa_tbMainElement"><a href="/f19-" style="color:red">Se présenter</a></span>'+
                             
                                '<span class="fa_tbMainElement"><a href="/h1-liens-amis" style="color:blue">Liens amis</a></span>'+
                                '<span class="fa_tbMainElement"><a href="/donate.forum" style="color:black">Contribution</a></span>
        '+'<span class="fa_tbMainElement"><a href="/t18237-#652414" style="color:#C03000">Réglement A.C.B.</a></span>'+
                                '<span class="fa_tbMainElement"><a href="/t20091-" style="color:blue">Qui mieux que nous ?</a></span>
        '
                              )
                   
                        })});

[Scoubifitz]

bonjour,

C'est dans le CSS que tu trouveras ton bonheur ! ^^

cherche "select.optionscolored" pour règler la couleur , la taille et le gras (et rajouter d'autres styles , si tu veux)

[FANCH 56]

Merci

Mais c'est juste pour ce code que je cherche

[Scoubifitz]

dans ton code , il y a bien la class :

<select class="optionscolored" style="width: 225px;" onchange="location = this.value">

et elle change bien ce que tu veux ?
capture :

[FANCH 56]

ok ............g'navais pas compris.........je vais essayer

[Scoubifitz]

à mettre dans le CSS :

/* concerne le select */
select.optionscolored{
color:#EA0000; /* change la couleur */
font-size:16px; /* change la taille */
font-weight:400 /* chiffre ou normal,bold */
}
/* concerne les options */
select.optionscolored option{
color:BLUE;
font-size:12px;
font-weight:400
}

[FANCH 56]

Merci

Je teste

EDIT
Cela ne change rien

[Scoubifitz]

dans les options du CSS (sous la feuille de style) , désactive " Optimiser votre CSS Oui Non" pour voir si ça change quelque chose ...

je soupçonne des serreurs dans le CSS perso , ce qui fait que la fin du CSS ne s'applique pas ...

[FANCH 56]

J'ai mis ton code en tête

Voici mon CSS

Code:

/* concerne le select */
select.optionscolored{
color:#EA0000; /* change la couleur */
font-size:30px; /* change la taille */
font-weight:400 /* chiffre ou normal,bold */
}
/* concerne les options */
select.optionscolored option{
color:BLUE;
font-size:12px;
font-weight:400
}

/* ***************************POSITION DU LOGO ACB SUR LA PAGE INDEX****************** */
        #logo img { margin-top:40px;}

   
/* ==============================================================CODES TOOLBAR


/* ********************MARGES TOOLBAR**************** */

#toolbar_add span { margin:6 6px;

}

/* **************élemants dépassant ********************

        #fa_toolbar { overflow: hidden; }

/* **************** COULEUR TEXTE DE LA TOOLBAR***************** */

body #fa_share_text, body #fa_right.notifications #fa_menu #fa_welcome , body #fa_right #fa_menu #fa_welcome, body #fa_right #fa_notifications { color: black; font-size: 15px; }
body #fa_toolbar #fa_service { color: black!important }


/* ***********************couleur mot notification Toolbar****************** */
        #fa_right a.rightHeaderLink, #fa_icon, #fa_toolbar #fa_service  {
        color: red !important;
        }

/* **************************RETIRER RECHERCHE et LOUPE de la toolbar connexion et enregistrer ********** */

#fa_textarea { display: none!important; }
#fa_magnifier { display: none!important; }
#fa_tbMainElement {display: none!important; }

/* -------------#fa_welcome {display: none!important; }----------------DÉSACTIVÉ



/* *********************RETRAIT RÉSEAUX SOCIAUX******************** */

        #fa_share { display: none!important; }

#fa_textarea {display: none!important;}

/* ******************************IMAGE BARRE OUTIL FA************** */

        #fa_toolbar, #fa_toolbar_hidden {background-image: url('http://colsbleus.fr/cb/techno/rubanor3deux.jpg');
 
}
 
/* **********************CACHER LE TITRE JOINDRE UN ADMI ET TITRE TOUS LES MENUS DÉROULANTS*************************** */

#titre_option_non_visible { display: none;}


/* ========================================================================FIN CODES TOOLBAR

/* ****************** OUI POUR INVISIBLE SUPPRIMÉ*************** */ 

input[name=hideonline] { display:none; }



/* ******************************CACHE WIDGET ******** */
}
        .widget-arrow {
        height: 138px;
        width: 40px;
        border-radius: 00px;
        float: left;
        cursor: pointer;
        background: #f5ebf7 url(http://colsbleus.fr/cb/techno/ouvrir5.jpg) no-repeat 0 0;
        }
        .widget-arrow.isright {
        float: right;
        }
        .widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
        background-position: 0px 0px;
        }

    #widget-arrows {
        height: 38px;
  position: fixed;
  bottom: 140px;
}
/* *********Suppression de rechercher dans les forums****** */

        div.search-footer-box form#forum-search {
        display : none;
        }

/* ************DIMENSIONS RÉPONSE RAPIDE***************** */
.qreply {
   width:800px;
     height:50% !important;
  background-color:#B6A863;
}
   

/* ************ SPOILER *********************************************** */

dl.spoiler,dl.spoiler>dd {background:#494949 !important;color:#FFF;}


.spoiler {

    background-color: #60616B;

    }

.spoiler dt {

   border-bottom: 1px solid #494949 !important;

   background-color:#494949 !important;

   background:#494949 url(http://colsbleus.fr/cb/techno/oeil.gif) no-repeat !important;

   text-indent:1500px !important;

   font-size:0px;
 
   color:#60616B;
 

   height:25px !important;

   overflow: hidden !important;

   /*. img: max-width:500px;*/
   max-width:700px;
}

.spoiler dd {

   padding: 0px;
}



/* *************************DERNIER POST AVATAR************** */

                .mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 45px;
          height: 35px;
          margin: 0 5px;
          border-radius: 00px;
          transition: all 2s;
          -moz-transition: all 2s;
          -webkit-transition: all 2s;
          -o-transition: all 2s;
        }
        .mini_ava img:hover
        {
          width: 150px;
          height: 100px;
        }

       


/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}

/* *****************COULEUR BOUTONS CGU *************** */

        #main-content a.cgu-buttons {
            color: red;
            padding: 3px 5px;
        }

/* ******************AVATAR SUR PORTAIL***** */

        .avatar img  {
        min-width : 110px;
        min-height : 80px;
     
        }

/* ***********suppression onglet avatar************** */

ul.privmsg a[href^="/profile?mode=editprofile&page_profil=avatars"] { visibility: hidden; font-size:1px; }


/* ********* OUI INVISIBLE POUR LA NEWS LETTER****************** */

input[name=hideonline] {
orma
display:none;
}

/* ************* suppression du oui pour Cacher sa présence en ligne ************* */

input[name=hideonline] {

   display:none;
}


/* ************ HAUTEUR ZONE DE SAISIE POSTS ET TAILLE DES POLICES ********************************* */
       
        #textarea_content iframe#text_editor_iframe, #text_editor_textarea {
       
          height:400px;
       
          font-size: 17px !important;
            font-family: Arial;
            line-height:21px;
  background-color:#E6E8C5;
    }

/* ************* TAILLE et CARACTÈRES DES POLICES DANS LES POSTS ********************************** */

.postbody {

   background-color:#ffffee;

   font-size:16px;
 
     font-family: Arial;
 
   line-height:21px;

   letter-spacing:normal;
}

/* ***************COULEUR D'ÉCRITURE DANS LES POSTS *************************** */

.post-container {
color: #000001;
}

/* ***********JUSTIFICATION DU TEXTE************* */
.body {
        text-align: justify;
        }

/* ************** COULEURS DE FOND DES POSTS ****************************** */

tr.post .row1{

   background-color: #ffffdd;
}

.row1.browse-arrows {

   background-color: #ffffcc;
}

.row1.messaging.gensmall {

   background-color: #ffffff;
}


   
 /* ************* LIMITER LA TAILLE DES IMAGES DANS LES SIGNATURES *********** */

.signature_div img {

   max-height:50px;
}

/* ************* LIGNE SÉPARATION SIGNATURE **************************************** */

.signature {border-top: 4px solid #777777;
}

.post {

   border-bottom: 2px solid #cccccc;
}

/* ************* CENTRER LES SIGNATURES *********** */
.signature_div { text-align: center;
}

/* ************ MENU DÉROULANT********** */     

select.optionscolored{
            font-weight: bold;
            font-size: 16px;
            color: #EA0000
 
        }
          select.optionscolored option {
  font-size: 12px;
  font-weight: normal;
          color:BLUE;
        }

/* ************* effacement du texte du rang *********** */

.rang-hidden {visibility: hidden;}

/* ******************SCROLLING DES PROFILS ****************** */

        ul.profile_field_list
{ max-height: 200px; max-width :200px; overflow: auto;}


/* ************** CENTRAGE DES PHOTOS EN AGRANDISSEMENT AUTO **************** */

.resizebox {
  display: block;
  margin: auto;
  margin-bottom: -19px;
}

.resize_img {
  display: block;
  margin: auto;
}

/* *********************TITRES DES SUJETS EN GRAS**************** */

.topictitle {
 font-weight: bold;
}

/* *******************SÉLECTION DES CODES *********** */

        .selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/* **********iframe des news**************************** */

#bloc-news { max-height: 280px; overflow-y: auto; }
#bloc-news div.module.postbody { padding: 1px; width: auto; }

/* ************** COULEUR CASE RECHERCHER**************** */

input.search
{
background-color: #FEF601!important; /* couleur du fond */
color: #000000; /* couleur du texte */
}

/* *************** texte span qui clignote ******************** */

.clignote {
      text-decoration: blink;
}

/* *****************DÉCALAGE DU TEXTE DANS LES POSTS************* */

div.postbody {
padding:5px;
}

/* ***************** COULEUR BOUTONS RÉPONDRE ******************** */

.formbuttonrow .button {
    border: 1px solid white;
    font-size: 13px;
    background:red;
    color: #ffffff;
}

/* *************** COULEUR BOUTONS RÉPONSE RAPIDE ************ */


#quick_reply .button {
background: red;
border: 1px solid white;
color: white;
font-size:13px;
}



/* *********** INTERLIGNES ENTRE PHOTO AVATAR ET PSEUDO ************************** */

img {

   border-width: 0;

   padding-bottom: 10px;
}

/* ******************** DÉCALER LE BOUTON ALERTE ******************** */

.post-footer img {

   padding-right: 100px;

   float:right;
}

/* ************ SUPPRESSION DES TITRES DES CATÉGORIES **************** */

.maintitle.floated.clearfix {

   display:none;

   height: 30px;
 
}



/* ************ CENTRER TOUS LES TITRES DES WIDGETS ****************** */

div.module h3 {

   text-align: center;
}


/* ************ HAUTEUR DES CASES DE TITRES DES WIDGETS *************** */

.module .maintitle h3 {

   line-height: 20px;
}

/* ************* MARGE DES CASES DES TITRES DES WIDGETS ***************** */

.module h3 {

   margin-top:5px;
}

/* ************* CHANGER L'ENCART CONTENANT LE TITRE D'UN WIDGET ************** */

.module .maintitle {

  padding:1px;

  background-image: url('http://colsbleus.fr/cb/techno/rubanor3deux.jpg');
}


/* ************ COULEUR DE FOND DES WIDGETS ********************************* */

.module .box-content {

   background-color: #F0F0F0;
}

/* ************* COULEUR DES TITRES DES WIDGETS ******************************* */

.module .maintitle h3 {

   float: none;

   font-size: 1em;

   color: #19233C;
}


/* **********POSITION DE LA BOITE DE SMILEYS ************************** */

#smiley-box {

   float:right;
}

/* ************* ESPACEMENT DES SOUS FORUMS ***************************** */

.row2 p .gensmall {

   letter-spacing:1px;

   line-height:22px;
}

/* ************* MISE EN MAJUSCULE AUTOMATIQUE DES TITRES DES SUJETS  dans "Derniers sujets" *************** */
.box-content #comments_scroll_container a {

   text-transform:uppercase;

font-weight: bold;
}

/* ************* MISE EN MAJUSCULE AUTOMATIQUE DES TITRES DES SUJETS ***************************** */
a.topictitle {

   text-transform:uppercase;

}

/* *******************1ère lettre en majuscule dans les titres des sujets********************************************************************************************************DÉSACTIVÉ

a.topictitle:first-letter {
  text-transform: uppercase;
}

/* ************** SUPPRESSION DU MOT FORUM DANS LES GATÉGORIES ************ */

table.ipbtable th.forum {

   color: #c5c7ca;

   height:10px;
}

/* ************ CHANGEMENT DE COULEUR SURVOL DES COLONNES ****************** */

/*--Topp TSF®--inVISION hover s-tabel-cell ---*/

table.ipbtable td:hover{

   background-color:#fffdd2;
}

.row1 .row2:hover{

   background-color:#fffdd2;
}



/* *********** DÉTERMINE LA TAILLE (ET LA POSITION) DE LA CASE PROFIL DANS LE PROFIL AVANCÉ *** */

#profile-advanced-right {

   float: right;

   margin:0px;

   width:240px;
}
 
/* ************ CHANGE LA COULEUR DE LA BARRE DE MODÉRATION ET PERMISSIONS **** */

.bar {

   background-color: #ddddcc;

}
 
 /* ************ CONTOUR BARRE DE NAVIGATION ********************************* */

.submenu {

   background: #trans;
}

/* ************ COULEUR DU MENU DÉROULANT DU PROFIL ************************** */
.popmenubutton-new-out a {

   width:230px;

   background-color: #dddd99;
}

/* ************ INTÉRIEUR DU MENU DÉROULANT DU PROFIL ************************* */
.popupmenu li {

   background-color:#ffffcc;

   font-style: italic;

}

/* ************ PROFIL ******************************************************** */
.box-content.profile {

   /*width:260px;*/  /*retrait*/

   background-color:#EFF0F3;

   font-style: italic;

            font-size: 12px;
}

/* ************ ALIGNER LES DÉTAILS DANS LE PROFIL DES POSTS ********************* */

.postprofile{
text-align: left;
}

/* ************* BORDURE DU PROFIL DANS LES POSTS ******************************* */

.postprofile {

   border:3px solid #8F9897 !important;

   float:right;

   margin-right: -14.4em;

   width:220px;
}

.popmenubutton-new-out a {

   background-color:#DDDD99;

   width:190px;
}

/* *************** CITER ********************************************************** */

blockquote {

   background-color: #ddddaa;

   border: 1px dotted #000;
 
 
}

blockquote {

   font-style: italic;

   color : #40411E;
}

/* *************** CODE *********************************************************** */
   
          .codebox dt { 
                background-color: #ffffee;
       
                }
                   
        .codebox dd {

        background-color: #EFE2AD;

        border: 1px dotted #000;

        white-space:normal;

        }
                   
                dl.codebox code {
                color: #40411E;
 
         
                }

/* *************** TEXTE ET CARACTÈRES ********************************************* */

a {

   text-decoration: none;
}

h3, .h3 {

   font-family: Arial;

   text-transform: uppercase;

   border-bottom: 1px solid #e3e5e8;

   margin-bottom: 3px;

   padding-bottom: 2px;

   font-size: 1.05em;

   color: #000000;

   margin-top: 20px;

}


/* ************** LIENS ********************************************************* */

a:link, a:visited, a:hover, a:active, a:focus {

   text-decoration: none;
}

a:visited {

   color: #770011;
}

a:hover {

   font-style:italic;
}

a:hover {

   text-decoration: none !important;
}

/* ************** DIVERS ****************************************************** */

.pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited {

   color:#000000;
}

.forumline {

   background-color:#242424;

   border:0px;
}

/* ************** BAS DE PAGE ************************************************* */

#gfooter {

   background-color:#666666;
}

a:hover {

   color:#000000;

   text-decoration:underline;

   background-color: #c5c7ca;
}


/* ************** CHANGE LA COULEUR DE LA BARRE SUJET SUIVANT SUJET PRÉCÉDENT *** */

.topic-footer {

   background-color: #aaaa99;

}


/* ************** ZONE DE SAISIE EMAIL FORMULAIRE ******************************* */

textarea.inputbox {

width: 800px;

font-size:15px;

background-color:#ffffff;
}



/* *************Position des boutons***********************DÉSACTIVÉ

.
.post-footer ul.posting-icons {
          float: left;
          }

/* *********POSITION BOUTONS REPONDRE ET NOUVEAU **********désactivé
.posting-options.topic-options
{
float: left;
width:30%;
}


        /* ****************CACHE WIDGETS******** désactivé
       
        #widget-arrows {
        height: 38px;
  position: fixed;
  bottom: 140px;

[Scoubifitz]

oups ! j'ai compris ... le CSS de la toolbar vient après le CSS perso ... il faut rajouter "!important" pour forcer le CSS perso :

/* concerne le select */
select.optionscolored{
color:#EA0fa0!important; /* change la couleur */
font-size:12px!important; /* change la taille */
font-weight:400!important; /* chiffre ou normal,bold */
}
/* concerne les options */
select.optionscolored option{
color:green!important;
font-size:12px!important;
font-weight:400!important;
}

[FANCH 56]

Quel idiot j'aurai dû y penser.

Ok cela fonctionne, je te remercie et bon dimanche

Résolu