Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

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

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

Message par FANCH 56 le Sam 23 Fév 2013 - 9:28

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


Dernière édition par FANCH 56 le Sam 23 Fév 2013 - 16:22, édité 1 fois
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
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: [Résolu] Comment changer la taille de la police dans un code javascript ?

Message par Scoubifitz le Sam 23 Fév 2013 - 14:02

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)

Hi
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3631
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 23 Fév 2013 - 14:04

Merci

Mais c'est juste pour ce code que je cherche
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
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: [Résolu] Comment changer la taille de la police dans un code javascript ?

Message par Scoubifitz le Sam 23 Fév 2013 - 14:16

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 :
[Résolu] Comment changer la taille de la police dans un code javascript ? 168966Sanstitre1
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3631
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 23 Fév 2013 - 14:35

ok ............g'navais pas compris.........je vais essayer geek
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
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: [Résolu] Comment changer la taille de la police dans un code javascript ?

Message par Scoubifitz le Sam 23 Fév 2013 - 15:45

à 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
}
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3631
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 23 Fév 2013 - 15:49

Merci

Je teste

EDIT
Cela ne change rien scratch
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
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: [Résolu] Comment changer la taille de la police dans un code javascript ?

Message par Scoubifitz le Sam 23 Fév 2013 - 16:01

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

Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3631
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 23 Fév 2013 - 16:04

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

FANCH 56
Membre actif

Masculin
Messages : 13259
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: [Résolu] Comment changer la taille de la police dans un code javascript ?

Message par Scoubifitz le Sam 23 Fév 2013 - 16:15

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

Scoubifitz
Membre actif

Masculin
Messages : 3631
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par FANCH 56 le Sam 23 Fév 2013 - 16:21

Quel idiot j'aurai dû y penser.

Ok cela fonctionne, je te remercie et bon dimanche

Résolu
FANCH 56

FANCH 56
Membre actif

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

http://www.anciens-cols-bleus.net/
FANCH 56 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