Accueil  Calendrier  FAQ  Rechercher  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 Comment faire un effet

Aller en bas 
AuteurMessage
Lalita
Pro designer
avatar

Féminin
Nombre de messages : 1762
Age : 31
Logiciels : Photoshop CS4 Extended

MessageSujet: Comment faire un effet   Sam 15 Aoû - 5:36

Voila pour une page internet j'aimerais faire un genre de rollover sur 3 images. Un "rollover" qui influerais sur l'opacitée d'une image. C'es à dire quasiment transparente en normal et dès que la qouris passe sur l'imge qu'elle devienne totalement opaque et que en plus il y est un lien sur les 3 images.
J'avais trouvé ce tuto mais quand je l'ai testé ça à pas du tout fonctionné. Quelqu'un pourrait m'aidé ?

Voici mon codage SANS ce que le tuto disais de mettre

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>index</title>
  <style type="text/css">
body {
background-attachment : fixed;
background-attachment : fixed;
scrollbar-face-color: #06000C;
scrollbar-arrow-color: #9F92AA;
scrollbar-track-color: #06000C;
scrollbar-shadow-color: #06000C;
scrollbar-darkshadow-color: #06000C;
scrollbar-highlight-color: #06000C;
scrollbar-3dlight-color: #06000C; }
h1 {
font-family: http://site.voila.fr/dream20/Promised_Freedom.ttf;
font-style: normal;
font-variant:small-caps;
text-align:right;
font-size: 18px;
color: #7A7A7A;
background-color: #F3F3F3;
border-bottom: 2px solid #F7F7F7;
}
h2 {
color: #7A7A7A;
border-bottom: 2px solid #F7F7F7;}
  </style>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(6, 0, 12);"
 alink="#000099" link="#000099" vlink="#990099">
<br>
<div style="text-align: center;"><img alt=""
 src="http://img20.imageshack.us/img20/3024/entre21.png"><br>
<br>
<table
 style="text-align: left; margin-left: auto; margin-right: auto; width: 100px;"
 border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td align="center" valign="middle"><a
 href="http://alltosophelia.site.voila.fr/" target="_blank"><img
 alt="" style="border: 0px solid ; width: 100px; height: 100px;"
 src="http://img16.imageshack.us/img16/1953/21209826.png"></a></td>
      <td style="color: rgb(122, 122, 122);" align="center"
 valign="middle">All
Together</td>
    </tr>
    <tr>
      <td align="center" valign="middle"><a
 href="http://dream20.site.voila.fr/" target="_blank"><img
 alt="" style="border: 0px solid ; width: 100px; height: 100px;"
 src="http://img23.imageshack.us/img23/4374/60090317.png"></a></td>
      <td align="center" valign="middle"><span
 style="color: rgb(122, 122, 122);">Dream</span></td>
    </tr>
    <tr>
      <td align="center" valign="middle"><a
 href="http://lalitadreams.livejournal.com/" target="_blank"><img
 alt="" style="border: 0px solid ; width: 100px; height: 100px;"
 src="http://img43.imageshack.us/img43/7972/82611446.png"></a></td>
      <td align="center" valign="middle"><span
 style="color: rgb(122, 122, 122);">Lalita's ressource</span>s</td>
    </tr>
    <tr>
      <td align="center" valign="middle"></td>
      <td align="center" valign="middle"></td>
    </tr>
  </tbody>
</table>
</div>
</body>
</html>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://just-a-feelings-of-something.tumblr.com/
Emimoi
Administratrice
avatar

Féminin
Nombre de messages : 11442
Age : 26

MessageSujet: Re: Comment faire un effet   Sam 15 Aoû - 20:38

Est-ce que le javascript est bien activé sur ton navigateur ? Et sinon, est-ce que tu as hébergé pour voir si ça fonctionnait ? (il y a certains trucs, comme le php, où il faut obligatoirement héberger (être sur serveur) pour voir si ça fonctionne).

Je vais essayer demain pour voir si j'y arrive.

_________________
Admin en chef

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Lalita
Pro designer
avatar

Féminin
Nombre de messages : 1762
Age : 31
Logiciels : Photoshop CS4 Extended

MessageSujet: Re: Comment faire un effet   Sam 22 Aoû - 1:35

Emimoi a écrit:
Est-ce que le javascript est bien activé sur ton navigateur ? Et sinon, est-ce que tu as hébergé pour voir si ça fonctionnait ? (il y a certains trucs, comme le php, où il faut obligatoirement héberger (être sur serveur) pour voir si ça fonctionne).

Je vais essayer demain pour voir si j'y arrive.

Dsl d répondre aussi tard.
Donc je ne savais même pas qu'on avait besoin d'avtivé javascript sur mon navigatuer ^^
Non je l'ai pas hébergé je l'ai testé en l'ouvrant comme page internet normale, je l'ai aussi texté grace à cette interface mais ça n'as pas marché non plus.
Qu'en au php je sais même pas comment ça fonctionne donc .... ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://just-a-feelings-of-something.tumblr.com/
Contenu sponsorisé




MessageSujet: Re: Comment faire un effet   

Revenir en haut Aller en bas
 
Comment faire un effet
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Comment faire pour créer un raccourci ? [resolu]
» comment faire avec la carte sd
» Comment faire!
» Comment faire: if label(r3$)=1 then resultat=r3$ ?
» (Résolu) Comment faire apparaitre Aires CC dans le menu Point d'intérêt

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Learning Design :: World wide web :: Vos questions :: Sites web-
Sauter vers: