Cufon - problème avec les effets de survol et active les éléments de menu
J'ai créé un menu en utilisant les polices cufon.
J'ai décidé d'appliquer les styles suivants sur les éléments de menu:
- normal : gris la couleur de texte
- hover : noir couleur du texte
- active : rouge couleur du texte
Le problème est que le curseur de la (rouge) élément de menu actif, a la suite de tourner dos de couleur grise (et la faire ressembler à toutes les autres "normal" dans le menu). Je ne comprends pas pourquoi, pouvez-vous m'aider à résoudre ce problème?
Ici est l'actuel cufon configuration:
Cufon.replace('ul#mainmenu li > a', {
color: '#868686',
fontFamily: 'pfbeau',
fontSize: '15px',
textShadow: '0 2px 0.1em #fff',
hover: {
color: '#3e3e3e'
}
});
Cufon.replace('ul#mainmenu li.active > a', {
color: '#af1217',
fontFamily: 'pfbeau',
fontSize: '15px',
textShadow: '0 2px 0.1em #fff',
hover: false
});
OriginalL'auteur zekia | 2011-02-21
Vous devez vous connecter pour publier un commentaire.
CRAQUÉ IL MATE!
Check it out! - http://jsfiddle.net/3Yf4G/2/
Remplacer la police 'de barbe noire" avec la vôtre...
M'a pris un moment, mais je déteste être vaincu. La diffusion de la parole, il semble que ce est un problème commun.
OriginalL'auteur Alex
En fait, ce que vous devez faire est de:
et puis il suffit de définir les effets de survol de style.css ou quel que soit votre templates css est. Aussi, vous pouvez rendre l'élément de menu qui représente la page en cours en évidence:
CSS:
Cufon Code:
Cela a fonctionné pour moi à plusieurs reprises. J'ai été en mesure de résoudre la plupart des problèmes avec cufon. Une question est en train de bouleverser moi est que je viens de trouver si vous avez besoin d'italique ou gras italique polices parfois les .fichier js ou quelque chose causes Cufon pour tout faire en italique. Donc, fondamentalement, permettant parfois la possibilité de mettre en italique les causes de tout pour être en italique. Sinon, pas de problèmes, et plus tard est rare, mais persistante. Dans l'ensemble, je suis un grand Polices Cufon fan.
OriginalL'auteur Ted
Essayer de régler le rouge, couleur active !important.
Pourquoi ne pas essayer d'utiliser "normal" css, utilisez
ul#mainmenu li.active{color::#af1217 !important}
. J'ai lu quelque part que Cufon n'accepte pas!important
dans certains cas.oui, cela ne fonctionne pas.
OriginalL'auteur Alex
J'ai aussi eu des problèmes avec cufon agissant lorsque vous essayez de faire quelque chose au-delà de texte de base à la sortie. Il peut aussi devenir lent, il est exigeantes en ressources.
J'avais suggèrent fortement d'essayer d'utiliser @font-face au lieu de cela, il fonctionne comme il se doit, à l'écoute de css, et tout ce que js gratuit, plus rapide.
http://www.fontsquirrel.com/fontface/generator
Salut @ktsixit case ma réponse ci-dessus, j'ai craqué!
OriginalL'auteur CodeVirtuoso
Cufon n'aime pas l'application de plusieurs styles d'un élément. Donc, utiliser l' :pas de sélecteur de n'appliquer la première cufon remplacement de ceux d'ancrage, les balises qui ne sont pas des enfants de la .classe active...
OriginalL'auteur Jesanua