2009-06-01 6 views
1

Je vois sur la page YUI un exemple de changement de style pour les panneaux en général. Mais je voudrais changer le style pour toutes les info-bulles (et non les autres panneaux) sur mon site Web. Toutes mes info-bulles ne sont pas dans un certain DIV, donc changer les styles de panneau YUI dans un div ne fonctionnera pas pour moi.Comment modifier le style CSS d'une info-bulle YUI?

Des conseils?

Répondre

1

Il semble que les info-bulles YUI ajoutent la classe yui-tt à toutes les infobulles. Vous pouvez le style juste vos infobulles en utilisant cela comme un ancêtre commun, à savoir

.yui-tt .bd { 
    /* Styles here... */ 
} 
+0

J'ai dû ajouter "! Important" après mes styles dans ma feuille de style, je suppose que j'utilise le chargeur YUI et il charge les styles pour l'info-bulle après que ma propre feuille de style a été chargée. Mais ça marche, merci! – Sean

1

Je charge la feuille de style du configurateur (avec la peau par défaut (sam.css) déjà inclus) dans la tête de mon application suivi de mon propres styles, de sorte qu'ils sont prêts pour un rendu immédiat. Cependant, comme vous l'avez mentionné, le chargeur YUI écrase par la suite vos styles.

Si vous chargez un grand nombre de modules ou de faire un grand nombre de déclarations de style et ne veulent pas écrire! Important après tout le monde, ajoutez l'option

skin : {defaultSkin: ''}

à la configuration de votre chargeur. Cela permettra également d'économiser un peu de bande passante pour vos utilisateurs et d'accélérer le rendu.

Notez également que IE6 ne reconnaît pas! Important donc il ne fonctionnera pas pour ce navigateur.

Espérons que ça aide.

+0

C'est vraiment important de savoir ... merci! – Sean

+0

Je viens juste de remarquer que même lorsque je mets le skin par défaut à '', YUI fait toujours une connexion pour essayer de télécharger des feuilles de style pour tout, à la recherche d'un skin appelé "indéfini". Cela semble un peu gaspillage, toutes ces connexions inutiles. Vous savez s'il y a un moyen de désactiver cela? – Sean

+0

Je n'ai pas trouvé un moyen de contourner le problème, mais puisque à ce stade de votre application web, tout le reste devrait être chargé, ces 404 connexions ne devraient pas vraiment contenir quoi que ce soit d'autre et retourner immédiatement –

Questions connexes