Survol d'une cellule par le curseur : changement de couleur.
4 messages
• Page 1 sur 1
Consultez la formation au REFERENCEMENT naturel Google de WebRankInfo / Ranking Metrics
-

brakstar - WRInaute discret

- Messages: 236
- Inscription: 5 Juil 2005
Survol d'une cellule par le curseur : changement de couleur.
Bonjours à tous maintenant que mon piti forum est rewrité j'aimerai y mette un style css spéciale mais je ne sais pas comment faire.
Voila le probleme : dans l'index principale jaimerai que quand la souris passe sur une table ( board ) celle ci change de couleur ..... exemple en image :
à la base mon forum c'est ça :
et je voudrai quand la souris passe sur une table cela donne :
Merci beaucoup
Voila le probleme : dans l'index principale jaimerai que quand la souris passe sur une table ( board ) celle ci change de couleur ..... exemple en image :
à la base mon forum c'est ça :
et je voudrai quand la souris passe sur une table cela donne :
Merci beaucoup
-

brakstar - WRInaute discret

- Messages: 236
- Inscription: 5 Juil 2005
je suis un NAZ
voila le tuto que j'ai trouvé sur le net
XII-2- L'effet de survol par modification de la boîte
Le lien à survoler peut s'appliquer à du texte ou à une image. Nous examinerons ces deux cas tour à tour.
Le lien est appliqué à un texte. Le code suivant crée un effet de survol sur un boîte construite autour du lien appliqué au texte "Survolez !". Le style du lien au repos est défini par le sélecteur "a.A", celui du lien survolé par le sélecteur "a.A:hover". On voit que toutes les propriétés de la boîte construite autour du lien peuvent être modifiées : marges, couleur de fond, cadre et attributs du texte. On peut donc simuler un changement complet de bouton au passage du curseur, mais sans pouvoir modifier le contenu du texte, et en se cantonnant à la seule géométrie rectangulaire.
<head>
<style>
a.A { border: 5px groove fuchsia; padding: 4px; text-decoration: none; background-color: aqua; color: blue; font-weight: bold; font-family: serif; font-size: 12pt }
a.A:hover { border: 5px groove aqua; padding: 5px 5px 6px 5px; background-color: fuchsia; color: white; text-transform: capitalize; font-family: arial; font-size: 10pt }
</style>
</head>
<body>
<center>
<p style="line-height: 30px"><a class="A" href="#back-inline-1">Survolez !</a></p>
</center>
</body>
voila le tuto que j'ai trouvé sur le net
XII-2- L'effet de survol par modification de la boîte
Le lien à survoler peut s'appliquer à du texte ou à une image. Nous examinerons ces deux cas tour à tour.
Le lien est appliqué à un texte. Le code suivant crée un effet de survol sur un boîte construite autour du lien appliqué au texte "Survolez !". Le style du lien au repos est défini par le sélecteur "a.A", celui du lien survolé par le sélecteur "a.A:hover". On voit que toutes les propriétés de la boîte construite autour du lien peuvent être modifiées : marges, couleur de fond, cadre et attributs du texte. On peut donc simuler un changement complet de bouton au passage du curseur, mais sans pouvoir modifier le contenu du texte, et en se cantonnant à la seule géométrie rectangulaire.
<head>
<style>
a.A { border: 5px groove fuchsia; padding: 4px; text-decoration: none; background-color: aqua; color: blue; font-weight: bold; font-family: serif; font-size: 12pt }
a.A:hover { border: 5px groove aqua; padding: 5px 5px 6px 5px; background-color: fuchsia; color: white; text-transform: capitalize; font-family: arial; font-size: 10pt }
</style>
</head>
<body>
<center>
<p style="line-height: 30px"><a class="A" href="#back-inline-1">Survolez !</a></p>
</center>
</body>
-

brakstar - WRInaute discret

- Messages: 236
- Inscription: 5 Juil 2005
Merci de ta confirmation amigo
Je vais m'y mettre maintenant .... bas oui faut que mon petit site perso soit parfait ! surtout que le forum n'est plus valide xml et css et le reste je n'en parle meme pas ...
Dieu Geek m'a dit :
" petit si tu ne valides pas ton site xml et css valide je crash ton pc et tout tes sites "
Je lui ai répondu :
" T'énerves pas papy j'ai que 105 touches "

Je vais m'y mettre maintenant .... bas oui faut que mon petit site perso soit parfait ! surtout que le forum n'est plus valide xml et css et le reste je n'en parle meme pas ...
Dieu Geek m'a dit :
" petit si tu ne valides pas ton site xml et css valide je crash ton pc et tout tes sites "
Je lui ai répondu :
" T'énerves pas papy j'ai que 105 touches "
4 messages
• Page 1 sur 1
Formation recommandée sur ce thème :
Formation REFERENCEMENT naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- changement d'image et de couleur au survol
- Changement de curseur avec Google Maps API
- Changement de couleur sur PHOTOSHOP
- arghhh ! changement de la couleur des lien dans les pages de résultats Google
- [Resolu] couleur du texte selon la couleur du fond
- Couleur du lien et couleur du fond ?
- La vie intérieure de la cellule
- preg_match_all et cellule d'un tableau
- Une cellule entière cliquable
- Taille curseur perso
- Nouveautés sur les recherches de Google Images - 22-02-2009
- Changements de nom de domaine et TrustRank - 18-10-2005
- Petit changement pour Slurp (le robot de Yahoo) - 29-03-2007
- Photos aériennes de la France dans Microsoft Virtual Earth - 24-01-2007
- Tous les raccourcis-clavier de Google Chrome (shortcuts) - 05-09-2008
- Changer d'hébergeur web sans pénaliser son référencement - 17-10-2005
- PageRank et nombre moyen de backlinks Google - 01-08-2005
- Redirection (PHP, JavaScript, serveur...) - 04-07-2003
Consultez la description détaillée des produits ou services de Google suivants : JotSpot
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

