Tom's Guide > Forum > Programmation > html...

html...

Forum Programmation : html...

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
Teoteed   27-01-2005 à 22:06:41

Bonjour à tous,

Comment donner cette effet svp :

url

Car passer la souris sur les cadres centraux avec l'affichage des fond d'ecran vous vous appercevez que il change de couleur...

Merci à tous question tres simple mais sa donne un bon rendu je trouve...

@++ et merci d'avance ;-)

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
gallile   27-01-2005 à 23:36:14
- 0 +

Pourquoi ne pas simplement regarder le code source de la page ?

Répondre à gallile
Cool@IDN   27-01-2005 à 23:47:44
- 0 +

cet effet est simple à faire.

ce code est compatible IE et MOZ :

Code :
  1. <table>
  2. <tr>
  3. <td
  4. onmouseover="this.style.backgroundColor='#0000FF';"
  5. onmouseout="this.style.backgroundColor='#FFFFFF';">
  6. contenu du cadre, le fond est bleu (#0000FF) lors du passage de la souris, et redeviens blanc (#FFFFFF) quand la souris en sort.
  7. </td>
  8. </tr>
  9. </table>




Autre possibilité utilisant les CSS et conforme W3C.

Ce code est compatible MOZ et n'est pas compatible IE.

Code :
  1. <html>
  2. <head>
  3. <style>
  4. #omo { // objet ayant pour ID : omo
  5. background-color: #FFFFFF; // blanc
  6. }
  7. #omo:hover { // objet ayant pour ID : omo, lors du survole de la souris
  8. background-color: #0000FF; // bleu
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <span id="omo">La couleur de fond de cet objet change au passage de la souris.</span>
  14. </body>
  15. </html>

Répondre à Cool@IDN
Val_85   27-01-2005 à 23:49:46
- 0 +

Avec le css au début. Tu peut faire ça très simplement avec la propriété hover, en mettant une coleur de fond différente dans cette propriété

Je sais pas si j'ai été clair, dis-le moi si t'as pas compris

EDIT : bon cool t'a donné la soluce, donc pas besoin de te la faire lol

Répondre à Val_85
JB38   28-01-2005 à 09:42:16
- 0 +

l'effet que tu cherches serait plus facilement de ce genre :
sur ta page tu mets entre les balises head :

Code :
  1. <LINK rel="stylesheet" type="text/css" href="styleTeoteed.css">



ensuite quand tu veux l'effet tu mets :

Code :
  1. <A href="#" class="LienGris">url</A>

(le # veut dire que ton lien ne pointe vers nulle part)

ensuite tu crés une page styleTeoteed.css et dedans tu tappes :

Code :
  1. /*supprime la ligne sous le lien*/
  2. A:visited {text-decoration: none}
  4. A.LienGris{color: #666666}
  5. A.LienGris :visited {text-decoration: none}
  6. A.LienGris:hover {text-decoration: underlined; color: #FF0000}

Répondre à JB38
JB38   28-01-2005 à 09:44:45
- 0 +

au fait je viens de me rendre compte en relisant que j'ai mis 2 fois "visited {text-decoration: none}", tu corrigeras par toi même.

Répondre à JB38
Teoteed   28-01-2005 à 13:30:27
- 0 +

Ouais mais je me disais vous avez rien compris mais je n'avais pas precisez compatible firefox inferieur 1.0 car chez moi marche pas inferieur a la version 1.0 mais c'est bon...

Merci à tous ;-)

Répondre à Teoteed
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > html...
Aller à :

Il y a 2140 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,239 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens