Menu déroulant - Couleur du titre

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

Message par Zorro le Lun 30 Jan 2012 - 10:55

Bonjour,

Avez-vous essayer avec le selecteur suivant ?

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




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


Zorro
Dévactif
Dévactif

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

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

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

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

Bonjour Dauclem

Çà c'est dans le CSS ?

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

Message par Zorro le Lun 30 Jan 2012 - 11:15


Oui c'est du CSS.




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


Zorro
Dévactif
Dévactif

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

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le 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
+ 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: Menu déroulant - Couleur du titre

Message par Zorro le Lun 30 Jan 2012 - 11:20


Oui dedans vous rajoutez les attributs dont vous avez besoin.




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


Zorro
Dévactif
Dévactif

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

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

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

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


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

Message par Zorro le 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;
}




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


Zorro
Dévactif
Dévactif

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

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

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

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

Je ne comprends pas "Passez par le select" scratch

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

Message par Zorro le 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.




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


Zorro
Dévactif
Dévactif

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

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

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

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

J'ai compris "saclasse" est le nom du widget, mais comment donner le nom ?

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

Message par Zorro le 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.




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


Zorro
Dévactif
Dévactif

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

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

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

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

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

Merci Dauclem.

Résolu

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

Message par Zorro le 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".




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


Zorro
Dévactif
Dévactif

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

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le 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
+ 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: Menu déroulant - Couleur du titre

Message par Zorro le Lun 30 Jan 2012 - 12:13

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

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




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


Zorro
Dévactif
Dévactif

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

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

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

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

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