01net    Web


Actuellement en ligne : 214 Utilisateurs dont 8 dans Programmation et développement >S'inscrire      >S'identifier      >Recherche      >Aide  
modéré par A.Ouloube, Beno@  
01net > Forum de 01net > Programmation et développement > HTML / Javascript
> survol texte chagement de couleur
Auteur
Message
 
<     1       >
tissetoile
  
  :-)
      ?   ^   @     Posté le 22/03/2008 21:28:03  
Voter pour ce message
Bonsoir à tous

j'aimerai pouvoir créer un effet de survol sur chacun des mots que l'on trouve sur chacune de mes pages...mais je ne sais pas comment on fait..je vois bien comment il faut s'y prendre pour une image mais une partie texte un beaucoup moins. l'idée serait que les mots changent de couleur au survol de la souris...
ci dessous le fragment de code qui correspond à ma présentation.
site : http://tissetoile.free.fr


HOME INSTALLATIONS PAINTINGS DRAWINGS WORDS CONTACT AGENDA

<td width="100%" colspan="4"><NOBR><img src="images/footbreak.jpg" width="82" height="2" align="absmiddle" /><font face="Arial, Helvetica, sans-serif" size="1">
<a href="index.html">HOME</a> <img src="images/footbreak.jpg" width="10" height="2" align="absmiddle" />
<a href="installations.html">INSTALLATIONS</a> <img src="images/footbreak.jpg" width="10" height="2" align="absmiddle" />
<a href="paintings.html">PAINTINGS</a> <img src="images/footbreak.jpg" width="10" height="2" align="absmiddle" />
<a href="drawings.html">DRAWINGS</a> <img src="images/footbreak.jpg" width="10" height="2" align="absmiddle" />
<a href="words.html">WORDS</a> <img src="images/footbreak.jpg" width="10" height="2" align="absmiddle" />
<a href="contact.html">CONTACT</a> <img src="images/footbreak.jpg" width="10" height="2" align="absmiddle" />
<a href="agenda.html">AGENDA</a> <img src="images/footbreak.jpg" width="10" height="2" align="absmiddle" /></font></NOBR> </td>
hamster3553
  RTFM
  :-)
      ?   ^   @     Posté le 24/03/2008 20:00:18  
Voter pour ce message
Salut,
tu dois utilser les styles css:
http://zonecss.free.fr/style_css/feuille_css_hover.html
tissetoile
  
  :-)
      ?   ^   @     Posté le 30/03/2008 19:49:48  
Voter pour ce message
hamster3553 a écrit :
Salut,
tu dois utilser les styles css:
http://zonecss.free.fr/style_css/feuille_css_hover.html


Merci pour le renseignement, cela fait quelques jours que je mets mon nez dans le css mais pour le moment c'est un peu la ramasse pour moi...
je comprends pas vraiment la manipulation que je dois faire...
hamster3553
  RTFM
  :-)
      ?   ^   @     Posté le 31/03/2008 18:41:33  
Voter pour ce message
A insérer dans la balise head:
<link rel="stylesheet" href="pagecss.css" type="text/css" />
Ce la va te permettre de lier une feuille ou se trouveront toutes tes instructions css

ensuite tu remplis avec:
a:hover{}
a:visited{}
a:link{}

"a" c'est la balise sur lequel va s'appliquer le style. ici c'est sur les liens donc "a".
hover=liens survolé
visited=lien visité
link=au repos

ensuite, entre les accolade tu ajoute les caractéristqiues de couleur(color), de fonc (background-color), de syle (font-style) etc...

exemple:
a:hover{color:#FF0000;text-decoration:underline}
a:visited{color:#FFff00;font-style:italic}
a:link{color:#FFff00}

etc etc
<     1       >

01net > Forum de 01net > Programmation et développement > HTML / Javascript
> survol texte chagement de couleur

Aller à :

Page générée en : 0.053s - X2board 2.2

Nous contacter | Charte de confiance | Voir notice légale

Tous droits réservés © 1999 - 2008 Groupe Tests - 01net.


Sites du réseau 01net Network : 01net - 01men - Rmc.fr - Bfmtv.fr - Radiobfm.com - TousLesPodcasts - Micro Achat

Emploi 
Rémunérations :
30 fiches salaires des métiers informatiques passées au crible  !
Jeux
Nouveauté : Collectionnez des artefacts dans les musées, et jouez bien vos cartes.