Image s'éclairsit au passage du curseur

[suigetsu deus]

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

[Renald]

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.
@+

[suigetsu deus]

Je ne suis pas bon ni en html ni en CSS, est-ce que c'est simple pour un débutant ? 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 ?

[Renald]

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]

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

[suigetsu deus]

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 ?

[Renald]

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

[suigetsu deus]

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

[Renald]

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

[suigetsu deus]

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

[Renald]

Le html est-il activé sur votre forum?

[suigetsu deus]

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

[Renald]

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
http://testdarts.forumgratuit.org/index.htm

[suigetsu deus]

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.

[Renald]

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

[suigetsu deus]

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>

[Renald]

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.

[suigetsu deus]

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

[suigetsu deus]

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 .

[Renald]

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

[Renald]

Bon ça marche pas non plus
Et comme ça

Code:

[img]url[/img]

[suigetsu deus]

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

[Renald]

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?

[suigetsu deus]

Oui, il est coché

[Renald]

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

[suigetsu deus]

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

[Renald]

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.

[tuning78]

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

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]

bon pour ma part j'ai l'image qui s'affiche mais rien se passe

[Renald]

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?