Image s'éclairsit au passage du curseur

4 participants

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 15:42

Bonjour, j'aimerais savoir comment faire pour que les images de mes sous-forum s'éclairssisse au passage du curseur de la souris, qu'il se différencie part rapport aux autres.
Mon site: http://phalange-spartiate.forum-pro.fr/index.htm

ex: Image s'éclairsit au passage du curseur Imagep11

puis change quand le curseur est dessus:Image s'éclairsit au passage du curseur Imagep12

A bientôt j'espère Very Happy
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 16:02

Bonjour,

Il faut que tu mettes une class a tes images.
ensuite dans le css tu dois te servir de la propriété css filter.
Ce qui donnerait par exemple:

Code:
.eclarci
{
filter:alpha(opacity=50);
}

Puis la meme chose quand tu passes le curseurs sur l'image:
Code:
.eclarci:hover
{
filter:alpha(opacity=100);
}

Dans cette exemple la class que j'ai donné est .eclairci

[EDIT] (opacity=100) c'est l'image nornale et (opacity=50) c'est l'image atténuée donc a toi de changer les valeurs comme ça te convient.
@+
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 16:14

Je ne suis pas bon ni en html ni en CSS, est-ce que c'est simple pour un débutant Neutral ? je suis désolé je ne vois pas de quelle façon on ajoute une class à l'image et non plus comment ce servir de la fonction CSS filter.
Ou je place l'url de l'image ?
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 16:28

Les url des images elles sont déjà placées dans les descriptions des catégories.
Vous pouvez essayer ceci:
Devant les url des images concernées vous mettez:
Code:
<span class="eclairci"><img src="ICI URL DE L IMAGE" /></span>

Dans le css vous mettez:
Code:
.eclarci:hover
{
filter:alpha(opacity=50);
}

.eclarci
{
filter:alpha(opacity=100);
}
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 16:41

J'ai fait une faute dans le code css il manque le "i" à eclairci.
Il faut le rajouter sinon ça ne fonctionnera pas
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 16:44

Sa me donne ça ; http://phalange-spartiate.forum-pro.fr/forum.htm
Le code CSS je le met bien dans la description html de l'image du sous-forum ? scratch
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 16:46

non non je vois bien je regarde vos modifs sur votre forum.
Le css va dans la feuille de stylle css.
PA > Affichage > couleurs puis onglet feuille de style et la vous collez le code css n'oubliez pas le "i" à eclairci Wink
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 16:50

Ok, merci beaucoup de votre part, par contre je ne comprend pas pourquoi l'image de mon sous-forum ne s'affiche plus scratch
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 16:52

Ben la vous avez l'adresse de l'image en double, il faut supprimer la seconde.
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 16:55

Encore désolé Neutral , mais même en suprimant la seconde celle ci ne s'affiche toujours pas Confused
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 16:56

Le html est-il activé sur votre forum?
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 16:59

Le html est autorisé sur les messages mais je ne sais pas de quel façon voir si il est activé sur le forum
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 17:01

Dans la description quand vous mettez le code vous voyez ça au-dessus de la fenetre?:
Image s'éclairsit au passage du curseur Act-html

Cela fonctionne sur mon forum de test donc y a pas de raison que cela ne fonctionne pas chez vous Wink
http://testdarts.forumgratuit.org/index.htm
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 17:07

Il y est et j'ai cliquer sur l'icone et j'ai maintenant une fenêtre dans la description puis à la place de l'icone il y'a une croix indiquant : désactiver l'éditeur html.
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 17:10

Alors vous avez ça:
Image s'éclairsit au passage du curseur Desact-html
Il faut recliquer dessus pour avoir:
Image s'éclairsit au passage du curseur Act-html

Si l'html est activé sur votre forum il n'y a pas de raison que cela ne fonctionne pas...
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 17:14

Ok, et donc, c'est bien à l'adresse de l'image que je met :

Code:
<span class="eclairci"><img src="http://i30.servimg.com/u/f30/14/90/66/38/imagep10.jpg"(adresse de mon image) /></span>
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 17:17

Oui c'est ce code la que vous mettez ou il y a l'image normalement:
Code:
<span class="eclairci"><img src="http://i30.servimg.com/u/f30/14/90/66/38/imagep10.jpg" /></span>

Essayez de juste remettre l'image.
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 17:21

Je vais essayer avec une autre image puisque malheuresement sa n'a pas l'air de marcher Confused
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 17:25

Non plus, j'ai changer l'hébergeur d'image de même et sa ne marche pas, je ne sais pas is l'hébergeur change quelque chose mais ni noelshak ni imageshak ne fonctionne .
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 17:26

Essayer juste le code <img src="url" /> pour voir si l'image s'affiche ou non.
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 17:29

Bon ça marche pas non plus
Et comme ça
Code:
[img]url[/img]
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 17:36

Oui de cette façon sa marche ( ne vous inquiétez pas c'est normal qu'elle soit plus petite)
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 17:39

Bon c'est que le html n'est pas activé.
Est-ce que dans le PA > Général > onglet messages et e-mails > configuration
Autoriser le html c'est coché oui?
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 17:41

Oui, il est coché Confused
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 17:51

Je viens de chercher sur le forum, il y a pleins de membres qui ont des problèmes d'affichage d'un code html.
Il faudrait prendre contact avec un aidactif par mp.

Désolé la je ne comprends pas ce qu'il se passe :/
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par suigetsu deus Mer 1 Sep 2010 - 18:03

ok Confused un aidactif pourrait m'aider, comment le contacter ?
avatar

suigetsu deus
Nouveau membre

Messages : 22
Inscrit(e) le : 15/05/2010

http://phalange-spartiate.forum-pro.fr
suigetsu deus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Mer 1 Sep 2010 - 18:29

Regarde sur la page d'accueil du forum la couleur du groupe des aidactifs.
Ensuite regarde s'il y en a un de connecté et contacte-le par mp.
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par tuning78 Mer 1 Sep 2010 - 19:39

Renald a écrit:non non je vois bien je regarde vos modifs sur votre forum.
Le css va dans la feuille de stylle css.
PA > Affichage > couleurs puis onglet feuille de style et la vous collez le code css n'oubliez pas le "i" à eclairci Wink

en bas il y a desactiver le ccs il est bien rester cocher sur non?

ps:j'essay car sa m'interresse merci
je vous tiendrai au courant si cela a fonctioner pour moi
tuning78

tuning78
***

Masculin
Messages : 160
Inscrit(e) le : 06/11/2007

http://the-world-of-custom.forumactif.fr
tuning78 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par tuning78 Mer 1 Sep 2010 - 20:11

bon pour ma part j'ai l'image qui s'affiche mais rien se passe Crying or Very sad
tuning78

tuning78
***

Masculin
Messages : 160
Inscrit(e) le : 06/11/2007

http://the-world-of-custom.forumactif.fr
tuning78 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image s'éclairsit au passage du curseur

Message par Renald Jeu 2 Sep 2010 - 11:16

Bonjour,

Si tu désactive le css c'est normal qu'i lne se passe rien sur l'image.
C'est justement le css qui fait que l'image s'eclaircit (et inversement selon ce que l'on veut) au passage de la souris.

Mais meme le css désactivé il devrait voir l'image s'afficher à la place du code html.

@ Tuning:

Tu as bien rentré le code css dans la feuille de style?
Renald

Renald
*****

Masculin
Messages : 652
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum