Learning Design
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
Accueil  Dernières imagesDernières images  Rechercher  S'enregistrerS'enregistrer  Connexion  
Le Deal du moment : -20%
Ecran PC GIGABYTE 28″ LED M28U 4K ( IPS, 1 ms, ...
Voir le deal
399 €

 

 Comment faire un effet

Aller en bas 
2 participants
AuteurMessage
Lalita
Pro designer
Lalita


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

Comment faire un effet Empty
MessageSujet: Comment faire un effet   Comment faire un effet EmptySam 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
http://just-a-feelings-of-something.tumblr.com/
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Comment faire un effet Empty
MessageSujet: Re: Comment faire un effet   Comment faire un effet EmptySam 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.
Revenir en haut Aller en bas
Lalita
Pro designer
Lalita


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

Comment faire un effet Empty
MessageSujet: Re: Comment faire un effet   Comment faire un effet EmptySam 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
http://just-a-feelings-of-something.tumblr.com/
Contenu sponsorisé





Comment faire un effet Empty
MessageSujet: Re: Comment faire un effet   Comment faire un effet Empty

Revenir en haut Aller en bas
 
Comment faire un effet
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Comment faire un effet peinture? [photofiltre]
» Comment faire un "effet" quand on bouge sa souris ?
» Comment faire ? =(
» Comment on fait cet effet ??
» COMMENT FAIRE LE DESIGN ?

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:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser