| Effet d'opacité sur une image (messages) | |
|
|
Sparkman
{ Membre }
Messages : 86
| Génial merci à toi mais c'est vraiment dommage que ça marche seulement sous Firefox. | | |
|
| |
Invité Invité
| Oui uniquement firefox car c'est le seul navigateur actuellement qui accepte le CSS3 | | |
|
| |
Sparkman
{ Membre }
Messages : 86
| Je rencontre un problème, je met le code dans le css et je veux appliquer mon image, je prend ce qui est fournis après mais mon image est toujours normal. | | |
|
| |
Invité Invité
| - Sparkman a écrit:
- Je rencontre un problème, je met le code dans le css et je veux appliquer mon image, je prend ce qui est fournis après mais mon image est toujours normal.
Je l'ai testé avant validation et ca fonctionne. Tu n'a aucun effet ? | | |
|
| |
Sparkman
{ Membre }
Messages : 86
| Vraiment rien, je te montre ce que j'ai mis dans ma page d'accueil : - Code:
-
<a href="http://dray-asile.forums-actifs.com/regles-f2/le-guide-pratique-du-debutant-t23.htm#63"><img class="opacity" src="http://host.image.files.free.fr/host/4ae15672c566ba1a1a1a1a1a1a1a1a1.png"> </a> | | |
|
| |
Invité Invité
| Et si tu mettais : - Code:
-
<div class="opacity"><a href="http://dray-asile.forums-actifs.com/regles-f2/le-guide-pratique-du-debutant-t23.htm#63"><img src="http://host.image.files.free.fr/host/4ae15672c566ba1a1a1a1a1a1a1a1a1.png"> </a></div> | | |
|
| |
kalyon
{ Membre }
Messages : 156
| arf', ce code m'interessaiiiiiiiis !! mais j'aurais voulu qu'il fonctionne automatiquement sur toute les images, et non pas juste en mettant la balise ce n'est pas possible que ce soit automatique sur toute les images ? | | |
|
| |
Lulubell
{ Membre }
Messages : 5
| Je ne suis pas sûre mais je crois que ça marche avec ce code : - Code:
-
a img{ opacity: 0.8; }
a img:hover { opacity: 1; } | | |
|
| |
kalyon
{ Membre }
Messages : 156
| super ca marche, y'aurait-il moyen que cela ne fonctionne pas sur la banniere ? | | |
|
| |
Rokku ~~
{ Membre }
Messages : 15
| Oh yeah, merci beaucoup pour le code, il est super | | |
|
| |
Mariiie
{ Membre }
Messages : 53
| Je voulais savoir, est ce que c'est possible de le combiner avec le code pour faire un rollover ?? | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Je ne sais pas, mais cela peut surement être possible. Mets le CSS dans ta feuille de style CSS Et mets ceci comme code HTML : - Code:
-
<div class="opacity"> le code du rollover </div> | | |
|
| |
Mariiie
{ Membre }
Messages : 53
| ça marche est d'ailleurs c'est trop joulie (aa) .Merci | | |
|
| |
Invité Invité
| Hello, Justement, je cherchais ce code, mais le truc, c'est que j'aimerai savoir si il fonctionne dans les sous-forums. S'il on veut l'utiliser dans un sous-forum, quel code faut-il mettre ? Parce que j'ai essayé, et en fait, ça ne fonctionne pas, donc peut-être qu'il faut un code particulier ? Merci beaucoup ! | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Bonsoir,
J'ai pas vraiment compris ce que tu veux faire avec les sous-forums ... Peux-tu faire un screen et entourer l'image où tu veux y mettre l'effet ? | | |
|
| |
Invité Invité
| Hello, En effet, je n'explique pas très bien. T_T Alors, voilà, c'est l'image entourée en blanc : Merci encore ! | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Alors, je viens de regarder. Placer la div avec la class dans les templates ... Mais je n'y arrive pas. Je ne sais donc pas s'il y a moyen. A voir avec quelqu'un d'autre. Mais si jamais, je réessayerai demain | | |
|
| |
Invité Invité
| OKI, merci beaucoup d'essayer en tout cas. =D | | |
|
| |
Dioxyde
{ Membre }
Messages : 119
| Salut, je m'excuse d'upper ce topic qui date, mais j'aimerais savoir comment faire pour que l'opacité soit en fondu, comme sur ce forum ? http://www.new-york-city-life.com/ Par exemple dans le staff, quand on passe son curseur l'image change son opacité. Merci d'avance à celui ou celle qui m'aidera ! ^^ | | |
|
| |
Invité Invité
| Coucou,
Alors sur ce forum ils utilisent un script "Gradualfader". Tu pourras le trouver sur Dynamic Drive: http://www.dynamicdrive.com/dynamicindex11/gradualfader.htm ^^ | | |
|
| |
Dioxyde
{ Membre }
Messages : 119
| Ah, tu me sauve la vie. XD | | |
|
| |
Dioxyde
{ Membre }
Messages : 119
| Arf, sa marche pas, quand il nous dise de coller ce scrip : - Code:
-
<script type="text/javascript" src="gradualfader.js">
/*********************************************** * 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> je dois le coller où ? Sachant que je veux que mon opacité soit juste sur l'acceuil ( comme sur le forum donner. ) ? :S | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Alors ce code là tu dois le coller dans overall_header_new juste avant le /head. Et le code - Code:
-
<script type="text/javascript"> gradualFader.init() //activate gradual fader </script> tu dois le coller juste après le /body dans overall_footer. N'oublie pas d'héberger le javascript | | |
|
| |
Dioxyde
{ Membre }
Messages : 119
| Héberger le... javascript ? C'est quoi ? J'mis connais mal en JAVA. | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Alors ... Tu vois le lien gradualfader.js ? Quand tu cliques dessus ça affiche le code. Donc, tu fais un clic droit dessus et tu choisis "Enregistrer la cible du lien sous ...". Tu l'enregistres où tu veux. Ensuite tu vas sur un hébergeur de code, prenons Archives Host. Tu t'inscris, tu te connectes, patatipatata ^^ Ensuite tu fais héberger ton code javascript, et une fois ceci fait, tu remplaces le "gradualfader.js" par "ADRESSE_DU_CODE_HEBERGE".
Voilà ^^ | | |
|
| |
Contenu sponsorisé
| |
| |
| Effet d'opacité sur une image (messages) | |
|