Effet d'opacité "progressif" Bouton_activeEffet d'opacité "progressif" Bouton_hoverEffet d'opacité "progressif" Fb-hoverEffet d'opacité "progressif" Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Effet d'opacité "progressif" EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Effet d'opacité "progressif" EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Effet d'opacité "progressif" EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Effet d'opacité "progressif" EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Effet d'opacité "progressif" EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Effet d'opacité "progressif" EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Effet d'opacité "progressif" EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Effet d'opacité "progressif" EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment : -20%
Ecran PC GIGABYTE 28″ LED M28U 4K ( IPS, 1 ms, ...
Voir le deal
399 €

Partagez
 

Effet d'opacité "progressif"

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.across-rpg.com
Ode
Ode
{ Membre }
{ Membre }

Féminin Messages : 183



Effet d'opacité "progressif" Empty
Bonjour à tous! =D
▬ Je demande de l'aide concernant mon forum Fascination - RPG™️, qui est en PhpBB2.
▬ Actuellement sur mon forum, j'ai un effet d'opacité au survol de certaines images, grave à une class ajoutée dans mon CSS. L'effet est simple. Normal: image légèrement sombre. La souris passe dessus: elle s'éclaire ou plutôt retrouve toute son opacité.
Ce que j'aimerai obtenir, c'est le même effet, mais de façon progressive. Je sais que c'est possible puisque je l'ai vu sur pas mal de forum, dont NYCL.
▬ Je navigue sous Firefox, la dernière version. Mais j'ai aussi IE8, forcement...
▬ A mon avis, ma question concerne le CSS. A tout hasard, voici le code que j'utilise pour voir l'effet actuellement:
Code:
/* EFFET OPACITE */
.opacity{
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
Merci d'avance pour votre aide! <3
MessageSujet: Effet d'opacité "progressif"   Effet d'opacité "progressif" EmptyJeu 18 Mar 2010, 09:29
Revenir en haut Aller en bas
http://www.across-rpg.com
Ode
Ode
{ Membre }
{ Membre }

Féminin Messages : 183



Effet d'opacité "progressif" Empty
Bonsoir =)
Oui oui, c'est toujours d'actualité! ^^
MessageSujet: Re: Effet d'opacité "progressif"   Effet d'opacité "progressif" EmptySam 20 Mar 2010, 14:17
Revenir en haut Aller en bas
Invité
Invité




Effet d'opacité "progressif" Empty
Tres intéréssant ca mintéresse autant que toi, dommage que je n'ai pas la solution mais c'est tres intéréssant, as tu songer a demander a l'admin du site (si tu y est)
MessageSujet: Re: Effet d'opacité "progressif"   Effet d'opacité "progressif" EmptySam 20 Mar 2010, 14:48
Revenir en haut Aller en bas
http://www.across-rpg.com
Ode
Ode
{ Membre }
{ Membre }

Féminin Messages : 183



Effet d'opacité "progressif" Empty
Malheureusement, je ne suis pas inscrite sur ce forum, même si je l'admire beaucoup. ^^' Et je n'ai pas de moyen de contacter l'administratrice, ne la connaissant pas.. =/
MessageSujet: Re: Effet d'opacité "progressif"   Effet d'opacité "progressif" EmptySam 20 Mar 2010, 14:55
Revenir en haut Aller en bas
Invité
Invité




Effet d'opacité "progressif" Empty
Bah alors un pro va vennir t'aider mais ce que je voit c'est que j'ai window 7 avec GC et ca marche donc c'est compatible avec GC ou tout simplement avec Window7 ce qui serrais d'une grande utiliter aux personne qui n'ont pas firefox et qui ne peuvent pas voir des effet d'opacité SIMPLE donc ce serrais tres utile qu'apres qu'ils ai résoluent ta demande de faire un tuto sur ceci, bonne chance pour la suite je fixe ce sujet! Very Happy
MessageSujet: Re: Effet d'opacité "progressif"   Effet d'opacité "progressif" EmptySam 20 Mar 2010, 15:00
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Effet d'opacité "progressif" Empty
Est-ce que ce tutoriel peut vous aider ?
MessageSujet: Re: Effet d'opacité "progressif"   Effet d'opacité "progressif" EmptySam 20 Mar 2010, 17:47
Revenir en haut Aller en bas
http://www.across-rpg.com
Ode
Ode
{ Membre }
{ Membre }

Féminin Messages : 183



Effet d'opacité "progressif" Empty
En effet il peut correspondre à ce que j'attends! =D Par contre, mon template overall_footer est déjà modifié... Pourrais-t-on m'expliquer quelles sont les parties précises du template à modifier, plutôt que de tout remplacer? Je n'ai pas vraiment envie de perdre les changements que j'avais déjà fait. ^^'

EDIT: J'ai trouvé la réponse à ma question seule! Pour ceux que ca interesse, il faut coller:
Code:
<script type="text/javascript">
gradualFader.init()
</script>
juste après à la fin du template. =)

Bref, pour moi le code marche de manière impeccable! =D Merci beaucoup, ca faisait longtemps que je le cherchais! =D Vous pouvez archiver je pense. ^^
MessageSujet: Re: Effet d'opacité "progressif"   Effet d'opacité "progressif" EmptyDim 21 Mar 2010, 02:06
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Effet d'opacité "progressif" Empty
Problème résolu, je classe ^^
MessageSujet: Re: Effet d'opacité "progressif"   Effet d'opacité "progressif" EmptyDim 21 Mar 2010, 07:44
Revenir en haut Aller en bas
Contenu sponsorisé




Effet d'opacité "progressif" Empty
MessageSujet: Re: Effet d'opacité "progressif"   Effet d'opacité "progressif" Empty
Revenir en haut Aller en bas
 

Effet d'opacité "progressif"

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Appliquer un effet "miroir" sous une image (messages)
» Largeur de "Sujet" "Messages " "Dernier Post"
» Retirer la phrase "Membres connectés au cours des X dernières heures"
» Enlever "sujets" et "messages" sur la page d'accueil
» Zoom Progressif d'une image [RESOLU]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit