Menu déroulant - Couleur du titre

2 participants

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

Résolu Menu déroulant - Couleur du titre

Message par FANCH 56 Lun 30 Jan 2012 - 10:29

Bonjour

J'e mets en place un menu déroulant dans un widget sur mon portail, et j'aurais souhaité avoir le titre ( DIDACTICIELS) en gras et couleur. J'ai beau tester les config html, je n'y arrive pas.

Voici le code (origine FA).

Code:
        <select style="width: 268px;" onchange="location = this.value">
          <option selected="selected">DIDACTICIELS</option>
          <option value="url1-de-renvoi">choix 1</option>
          <option value="url2-de-renvoi">choix 2</option>
          <option value="url3-de-renvoi">choix 3</option>
          <option value="url4-de-renvoi">choix 4</option>
        </select>
Merci pour votre concours.


Dernière édition par FANCH 56 le Lun 30 Jan 2012 - 11:57, édité 1 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: Menu déroulant - Couleur du titre

Message par bando Lun 30 Jan 2012 - 10:55

Bonjour,

Avez-vous essayer avec le selecteur suivant ?

Code:
option[selected] {
......
}
bando

bando
Dévactif
Dévactif

Masculin
Messages : 2014
Inscrit(e) le : 05/12/2006

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

Résolu Re: Menu déroulant - Couleur du titre

Message par FANCH 56 Lun 30 Jan 2012 - 11:12

Bonjour Dauclem

Çà c'est dans le CSS ?
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: Menu déroulant - Couleur du titre

Message par bando Lun 30 Jan 2012 - 11:15


Oui c'est du CSS.
bando

bando
Dévactif
Dévactif

Masculin
Messages : 2014
Inscrit(e) le : 05/12/2006

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

Résolu Re: Menu déroulant - Couleur du titre

Message par FANCH 56 Lun 30 Jan 2012 - 11:18

Donc je rajoute Font et color ?

Le menu que je mets en place est le menu déroulant simple
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: Menu déroulant - Couleur du titre

Message par bando Lun 30 Jan 2012 - 11:20


Oui dedans vous rajoutez les attributs dont vous avez besoin.
bando

bando
Dévactif
Dévactif

Masculin
Messages : 2014
Inscrit(e) le : 05/12/2006

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

Résolu Re: Menu déroulant - Couleur du titre

Message par FANCH 56 Lun 30 Jan 2012 - 11:21

J'ai mis ceci pour tester : pas de changement
Code:

option[selected] {
      font-weight: bold;
        }

EDIT J'ai augmenté Font pour essai, la taille de caractère se fait une fois cliqué, et non avant cliquage

Code:
  option[selected] {
      font-weight: bold;
      font-size: 24px;
     color: #19233C
      }

Menu déroulant - Couleur du titre Captu206
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: Menu déroulant - Couleur du titre

Message par bando Lun 30 Jan 2012 - 11:37

Ok, je viens de faire des essais. En fait, pour le code que je vous ai donné ca va dépendre des navigateurs. Par exemple, firefox prend bien en compte le font-size mais pas chrome. Par contre, si vous le faite sur le select pas de souci.

Donc je vous conseille de passer par le select et de remettre les valeurs normal sur les options.

Code:
select.saclasse {
    font-weight: bold;
    font-size: 24px;
    color: #19233C
}

select.saclasse option {
    font-weight: normal;
}
bando

bando
Dévactif
Dévactif

Masculin
Messages : 2014
Inscrit(e) le : 05/12/2006

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

Résolu Re: Menu déroulant - Couleur du titre

Message par FANCH 56 Lun 30 Jan 2012 - 11:46

Je ne comprends pas "Passez par le select" scratch
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: Menu déroulant - Couleur du titre

Message par bando Lun 30 Jan 2012 - 11:48


Je vous ai donné un exemple. En gros ajouter le CSS sur la balise "select" de votre widget en lui associant une classe ou un identifiant.
bando

bando
Dévactif
Dévactif

Masculin
Messages : 2014
Inscrit(e) le : 05/12/2006

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

Résolu Re: Menu déroulant - Couleur du titre

Message par FANCH 56 Lun 30 Jan 2012 - 11:50

J'ai compris "saclasse" est le nom du widget, mais comment donner le nom ?
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: Menu déroulant - Couleur du titre

Message par bando Lun 30 Jan 2012 - 11:54


Voilà c'est fait. Il suffisait d'aller dans le widget et de rajouter l'attribut classe. Vous pouvez aller voir ce que j'ai fait, vous comprendrez, c'est très simple.
bando

bando
Dévactif
Dévactif

Masculin
Messages : 2014
Inscrit(e) le : 05/12/2006

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

Résolu Re: Menu déroulant - Couleur du titre

Message par FANCH 56 Lun 30 Jan 2012 - 11:56

OK Vu, je mélangeais CSS et Code du widget.

Merci Dauclem.

Résolu
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: Menu déroulant - Couleur du titre

Message par bando Lun 30 Jan 2012 - 12:04


Est-ce normal que vous n'avez pas changer le classe dans le code html du widget ?

Code:
<select class="optionscolored" style="width: 600px;"

Car dans le CSS, vous avez remplacé "optionscolored" par "astucesetdidac".
bando

bando
Dévactif
Dévactif

Masculin
Messages : 2014
Inscrit(e) le : 05/12/2006

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

Résolu Re: Menu déroulant - Couleur du titre

Message par FANCH 56 Lun 30 Jan 2012 - 12:06

J'ai changé, mais apparemment j'ai dû faire une erreur dans le CSS

EDIT : Normalement c'est corrigé

Mais ou fermer la balise color, car même les liens du menu sont en couleur maintenant.
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: Menu déroulant - Couleur du titre

Message par bando Lun 30 Jan 2012 - 12:13

Vous aviez supprimé la deuxième ligne que j'avais mis :

Code:
select.optionscolored option {
  color:black;
}
bando

bando
Dévactif
Dévactif

Masculin
Messages : 2014
Inscrit(e) le : 05/12/2006

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

Résolu Re: Menu déroulant - Couleur du titre

Message par FANCH 56 Lun 30 Jan 2012 - 12:15

Voilà ce que c'est quand on veut aller trop vite.

Merci beaucoup Dauclem, et bon appétit.
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.

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