En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Politique de confidentialité.
Forum - GuppY 5.0 - Vos questions - changement couleur bouton menu

 

actif  Sujet n° 202

le 22/04/2014 @ 17:36
par ALAIN92220

ALAIN92220



Bonjour,

Je commence simple, merci de m dire ou changer le CSS si je souhaite changer la couleur des boutons menu dans l'entête du site basé sur URBAN,
site http://pg92220.fr.

Merci de votre aide
Site web ALAIN92220
Poster une réponse Haut  
Réponse n° 1
--------
le 22/04/2014 @ 18:52
par Sabine

Sabine



Bonjour,

Ce sont les classes "div.menuIcons". Voir ici dans le tuto : http://ghc.freeguppy.org/tuto50skins/articles.php?lng=fr&pg=137&tconfig=0

Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 2
--------
le 23/04/2014 @ 02:17
par ALAIN92220

ALAIN92220

visiteur

Merci de votre aide,

Ce que je ne comprends pas c'est la syntaxe.
Par exemple si je veux changer la forme des boutons de l'entête es que #TopBoxes est une déclaration ou la définition de tous les boutons de l'entête? et dans ce cas es que tous est modifiable?
les 4 attributs "ul li a span" quels sont leurs signification ?

Merci de votre aide.


#TopBoxes div.menuIcons ul li a span {
    padding: 4px 20px;
    margin: 5px 5px;
    width: 100px;
}
div.menuIcons ul li a span { /* lien */
  color: #c0c0c0;
  text-decoration: none;
  font: bold 13px Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  padding: 2px 12px;
  background: #404040;
  box-shadow: 1px 1px 0px #202020;
}
div.menuIcons ul li a span.current { /* lien actif (texte du bouton)*/
  color:#18E11F; /* vert clair*/
  text-decoration: none;
  background: #000;
}
div.menuIcons ul li a:hover span { /* lien survolé*/
  color: #000;
  text-decoration: none;
  background: #9886C4;
Site web ALAIN92220
Poster une réponse Haut  
Réponse n° 3
--------
le 23/04/2014 @ 17:07
par Sabine

Sabine



Bonjour,

menuIcons, c'est pour le menu.
ul, indique que c'est une liste (voir ici)
li, indique que c'est un item de la liste
a, indique que c'est un lien

span est une balise à l'intérieur d'un block (voir ici)

Pour donner des attributs particuliers au menu de l'entête, il faut copier-coller toutes les lignes qui concernent ces différences et ajouter #TopBoxes devant, comme vous l'avez fait pour #TopBoxes div.menuIcons ul li a span.

Sabine
Site web Sabine
Poster une réponse Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



Vous êtes ici :   Accueil » Forum » GuppY 5.0 » Vos questions » changement couleur bouton menu