Image s'éclairsit au passage du curseur

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 le 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:

puis change quand le curseur est dessus:

A bientôt j'espère Very Happy

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 le 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
*****

Masculin
Messages : 627
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 le 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 ?

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 le 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
*****

Masculin
Messages : 627
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 le 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
*****

Masculin
Messages : 627
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 le 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

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 le 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
*****

Masculin
Messages : 627
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 le 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

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 le Mer 1 Sep 2010 - 16:52

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

Renald
*****

Masculin
Messages : 627
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 le 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

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 le Mer 1 Sep 2010 - 16:56

Le html est-il activé sur votre forum?

Renald
*****

Masculin
Messages : 627
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 le 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

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 le Mer 1 Sep 2010 - 17:01

Dans la description quand vous mettez le code vous voyez ça au-dessus de la fenetre?:


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
*****

Masculin
Messages : 627
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 le 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.

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 le Mer 1 Sep 2010 - 17:10

Alors vous avez ça:

Il faut recliquer dessus pour avoir:


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

Renald
*****

Masculin
Messages : 627
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 le 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>

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 le 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
*****

Masculin
Messages : 627
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 le Mer 1 Sep 2010 - 17:21

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

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 le 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 .

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 le Mer 1 Sep 2010 - 17:26

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

Renald
*****

Masculin
Messages : 627
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 le Mer 1 Sep 2010 - 17:29

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

Renald
*****

Masculin
Messages : 627
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 le 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)

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 le 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
*****

Masculin
Messages : 627
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 le Mer 1 Sep 2010 - 17:41

Oui, il est coché Confused

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 le 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
*****

Masculin
Messages : 627
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 le Mer 1 Sep 2010 - 18:03

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

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 le 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
*****

Masculin
Messages : 627
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 le 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
***

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 le 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
***

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 le 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
*****

Masculin
Messages : 627
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


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