Ok, une dernière question ( ou peut-être pas /o\ )
J'obtiens donc ceci :

Code:

http://sd-2.archive-host.com/membres/up/15469275143243899/archive-host.com

Je colle le lien où ? :X

Iny' a écrit:

Ok, une dernière question ( ou peut-être pas /o\ )
J'obtiens donc ceci :

Code:

http://sd-2.archive-host.com/membres/up/15469275143243899/archive-host.com

Je colle le lien où ? :X

Erf, le code marche pas.
J'suis un peu perdu.

Non le lien doit se terminer par ".js"

Ah chuis bête.
Donc là j'ai mon lien, je dois le coller où ? ^^"

Tu le colles à la place de gradualfader.js, là :

Code:

<script type="text/javascript" src="ICI">

/***********************************************
* Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

Voilà voilà

Youpi sa marche ! <D
Merci beaucoup, je suis super heureux. *.*

Mais de rien

(En passant je ferais sûrement un tutoriel dessus )

Euuh... Fort intéressant, le code. Mais il faut le mettre où? Dans la page d'accueil, ok, en version html ou basique??
J'ai testé en basique et maintenant un immense espace sépare deux colonne d'un tableau, ce qui chamboule tout le forum :/. Est-ce que je peux y remédier sans avoir à refaire toute la page d'accueil? J'n'arrive pas à replacer le tableau comme avant...

Merci d'avance :/

Il faut le mettre dans le CSS

Et ça ne prendra que les images de la page d'accueil?

Je t'explique. Tu insères ceci dans ton CSS :

Code:

.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

Ensuite, à chaque fois que tu veux utiliser cet effet sur une image, tu dois rajouter la classe "opacity" dans la balise de l'image :

Code:

<img src="URL DE L'IMAGE" class="opacity" />

Voilà

Ok utile ce code, mais moi aussi j'ai un problème avec.
Je l'applique pour avoir des fond de cellule d'un tableau transparente, mais après si je met une infobulle sur ces même cellule, l'infobulle bug (en faite elle passa en dessous les autres cellules du tableau). C'est dommage, où alors c'est moi qui ne sais pas y faire, ce qui est très possible aussi.

Erf, vu que l'infobulle est comprise dans la cellule, elle doit avoir elle aussi le fond opaque, et c'est ça qui doit faire buguer le tout =S
Je vois pas comment faire ...

Lol j'ai du passer 45 min dessus et j'ai rien trouver, donc bon on peut dire que c'est une limite de l'opacité.

Basil Hawkins a écrit:

Je t'explique. Tu insères ceci dans ton CSS :

Code:

.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

Ensuite, à chaque fois que tu veux utiliser cet effet sur une image, tu dois rajouter la classe "opacity" dans la balise de l'image :

Code:

<img src="URL DE L'IMAGE" class="opacity" />

Voilà

La balise de l'image? C'est à dire ce qui est dans le code html, entre les trucs genre

etc ??
Je débute tellement que je pose des questions idiotes, désolé : x.
Merci pour ce que tu m'as expliqué jusqu'à maintenant, en tout cas, c'est super sympa.

La balise de l'image, c'est ceci :

Code:

<img src="URL DE L'IMAGE" />

Ensuite, on va lui ajouter la class "opacity", qui va permettre de lier le CSS avec la balise :

Code:

<img src="URL DE L'IMAGE" class="opacity" />

J'espère avoir été un petit peu plus claire
Si tu n'as toujours pas très bien compris, dis-le moi

C'est parfaitement clair, mais je crois que c'est moi le problème. J'ai mis

Code:

.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

dans la feuille de style du forum.

Ensuite, page d'accueil en mode html et j'y ai mis

Code:

<img src="URL DE L'IMAGE" class="opacity" />

avec URL DE L'IMAGE remplacé par, justement, le lien de mon image.

Maaais... Rien n'y fait ; l'image reste telle qu'elle est, simple, normale.
J'ai honte de te prendre de ton temps comme ça, désolé : x

Ah ! Je sais ! Quel navigateur utilises-tu ?

J'ai été voir si ça fonctionnait sur Firefox. Mais d'habitude j'utilise Safari, j'sais pas si le fait d'avoir tout mis en place depuis Safari change quelque chose... mais j'pense pas, si?

Je réessaye ce soir, voir si j'avais fait une erreur dans le code. Mais merci pour tout, j'ai déjà les bases, après ne reste qu'à faire fonctionner tout ça ^^

Hey y'all !
Alors, j'aime beaucoup ce code, mais j'aimerais savoir s'il est possible de le mettre sur TOUT le forum, en fait. :S
Et si c'était aussi possible, faire un effet progressif comme sur ce forum : http://www.new-york-city-life.com/forum.htm
Merci beaucoup en tout cas. =D

Hum, merci, d'abord.
Alors, ça ne fonctionne pas en fait... J'ai collé ça dans mon CSS :

Code:

.row1 over
{
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
}

Est-ce exact ?

Hum, ça ne fonctionne pas. :S
Ce ne le fait pas sur tout le forum, (enfin, ça ne change rien), et donc, il n'y a pas d'effet progressif. :S