Trucsweb.com

Trucsweb.com

CSS

Définir le style de la balise Référence

RDFFav

Le RollOver CSS... - Exclusif à Internet Explorer 4 et 5...

La balise A :Hover du CSS détermine la couleur de fond d’un lien (A). Elle n’est pas compatible avec Netscape. Elle le sera peut-être dans la version 5. Mais cet attribut offre tellement de dynamisme à une page que je ne peux m’empêcher de l’utiliser. De toute façon il n’enlève rien aux utilisateurs de Netscape si ce n’est quelques agréments. La tebalise hover réactive liens css rollover tag a:hover text-decoration background style linkLe RollOver CSS...  - Exclusif à Internet Explorer 4 et 5...

  • · Niveau : DÉBUTANT
  • · Compatibilité : Internet Explorer 4+

La balise A :Hover du CSS détermine la couleur de fond d’un lien (A). Elle n’est pas compatible avec Netscape. Elle le sera peut-être dans la version 5. Mais cet attribut offre tellement de dynamisme à une page que je ne peux m’empêcher de l’utiliser. De toute façon il n’enlève rien aux utilisateurs de Netscape si ce n’est quelques agréments.

La technique est très simple. Vous avez comme toujours une image qui est utilisée comme un bouton que le visiteur clic. Cette image doit avoir des zones transparentes. En définissant avec la balise A :Hover un fond vert par exemple, A :Hover background: Green, toutes les zones de votre bouton transparentes deviendront vertes lorsque le visiteur passera la souris au-dessus du bouton. Cet effet reproduit à la perfection et avec rapidité le RollOver conventionnel. Pour un effet encore plus impressionnant, ajouter un fond à votre page ou à une table comme l’exemple ci-dessous.

Bon, moi j’ai utilisé le blanc car l’effet est aussi utilisé par les liens texte. (Les liens ne sont pas réel...)

Ceci est un exemple avec 6 images transparentes (accueil, tutorats, scripts, le piont, partenaires, contact), une image qui sépare les boutons et un fon utilisé comme fond de table. (vous pouvez télécharger les images avec le bouton droit de la souris).

Script à mettre dans le HEAD du ducument :

<STYLE><!--
A:hover {text-decoration: none; background: white;}
-->
</STYLE>














Django (Oznog) Blais
Dernière mise à jour :

Commentaires

Ajouter un commentaire
Votre adresse de courriel ne sera pas publiée. * L'astérisque indique les champs obligatoires.
Votre évaluation du tutoriel

       Visites : 5366 - Pages vues : 23036
X

Trucsweb.com Connexion

Connexion

X

Trucsweb.com Mot de passe perdu

Connexion

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte

Créer un compte

.
@