Nombre de membres 34 membres
Connectés : ( personne )
Snif !!!
 

actif  Sujet n° 399

le 18/10/2015 @ 12:11
par jojoladirlo

Anonyme

visiteur

Bonjour Sabine.

Comment obtenir de beaux boutons comme ceux de ce site :
http://www.anne.brugidou.fr/connect.php?lng=fr
mais SANS changer de skin ??? ( skin qui vient de4avril semble-t-il )

J'adore les boutons menu détachés les uns des autres
leur couleur grise
et surtout les icones qui apparaissent en fonction du survol ou de la section utilisée....

Mon site école :
www.ecolestex.net

D'avance merci pour votre aide.
Cordialement
Jojo
Poster une réponse Haut  
Réponse n° 1
--------
le 18/10/2015 @ 16:50
par Sabine

Sabine



Bonjour Anne,

Il suffit de remplacer les lignes correspondantes par celles-ci :

 
Code : css
div.menuIcons ul li a span { /* lien */
padding: 4px;
padding-top: 12px;
color: #404040;
background: linear-gradient(#dddddd, #f2f2f2, #ffffff);
border-radius: 4px;
box-shadow: 1px 1px 1px #c0c0c0;
text-decoration: none;
font: 13px Verdana, Helvetica, sans-serif;
width: 120px;
height: 22px;
margin-bottom: 5px;
}
div.menuIcons ul li a span.current
{ /* lien actif */
color: #c1100c; /*rouge*/
text-shadow: 1px 1px 0px #fff;
background: url(img/cerises.png) no-repeat, linear-gradient(#dddddd, #f2f2f2, #ffffff);
}
div.menuIcons ul li a:hover span
{ /* lien survolé*/
color: #789a00; /*vert*/
text-shadow: 1px 1px 0px #fff;
background: url(img/raisins.png) no-repeat, linear-gradient(#dddddd, #f2f2f2, #ffffff);
}
 Et bien sûr, remplacer les noms des images par les vôtres (cerises, raisins).

Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 2
--------
le 19/10/2015 @ 00:57
par jojoladirlo

Anonyme

visiteur

Un immense merci, Sabine wink
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 » boutons menu