Ichigooo !


Partagez | 
 


 « Transition image/texte »

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage


Anyu
Pomme


Un peu plus...
Rôle / Ancien rôle : Anciennement Animatrice et Ancienne Noteuse
Décris-toi : Moi, c'est Nyu avec un A devant. c: Une fan de graphisme et d'animes. Et une petite étoile prénommée Naos, qui s'est simplement perdue dans la merveilleuse galaxie qu'est celle de CG. *-* ♥
Famille et relations : La team Etoile, of course. *u* /ETOILEPOWAA/
avatar

Féminin
Messages : 6355
Date d'inscription : 05/03/2014
Âge : 20
Logiciel graphique : Photoshop & Illustrator CC 2017

Contact et infos


Message Sujet: Transition image/texte   Mer 25 Jan 2017, 19:30

Hello ! Je ne m'y connais pas forcément pour tout ce qui est transition, etc donc j'aurai besoin de votre aide. Sisi

Voici mon forumtest : http://animalcrossing-test.forumactif.com/
En fait, c'est au niveau de la PA, pour le membre du mois. J'ai l'image normale et quand on passe dessus, l'opacité baisse (comme c'est le cas maintenant), mais j'aimerais qu'on puisse simplement lire le nom du membre en question. J'ai essayé des trucs, mais ça ne marche pas et ça ne veut pas m'afficher le texte, donc je m'en remets aux gentils codeurs qui se trouvent ici. :')
Je commence à désespérer.

Voici le HTML pour cette partie :
Code:
<div id="membre_du_mois">
<div class="titre_mdm">Membre du mois</div>
<img src="http://image.noelshack.com/fichiers/2017/04/1485365037-mdm-rolling-cat.png" /> 
<div class="texte_mdm">Rolling-Cat</div>
</div>

Et le CSS que j'ai utilisé :
Code:
#membre_du_mois {
  width:230px;
  height:210px;
}

#membre_du_mois img {
  margin-top:10px;
  transition: all 0.5s linear;
}

#membre_du_mois img:hover{
  opacity:0.3;
}

.texte_mdm {
  font-family: 'Montserrat', sans-serif;
  letter-spacing:-1px;
  margin-top:-92px;
  margin-left:12px;
  text-align:center;
  font-size:20px;
  text-transform:uppercase;
  visibility:hidden;
}

.texte_mdm:hover {
  visibility:visible;
}

Merci d'avance ! :3

•••••••••••••••••••••••••••••••••••••••••••



Liiloux
Cerise Shakeuse


Un peu plus...
Rôle / Ancien rôle : Actuellement Admin et Codeuse
Décris-toi : Un peu fofolle sur les bords, je suis aussi une personne tres sensible..
Famille et relations : Ma famille reste celle du staff de CG.. Je vous adore, vous faites un boulot pas croyable :coeur:
avatar

Féminin
Messages : 2306
Date d'inscription : 29/08/2015
Âge : 27

Contact et infos


Message Sujet: Re: Transition image/texte   Mer 25 Jan 2017, 19:42

essaye plutot :

Code:
#membre_du_mois {
  width:230px;
  height:210px;
}

#membre_du_mois img {
  margin-top:10px;
  transition: all 0.5s linear;
}

#membre_du_mois img:hover{
  opacity:0.3;
}

.texte_mdm {
  font-family: 'Montserrat', sans-serif;
  letter-spacing:-1px;
  margin-top:-92px;
  margin-left:12px;
  text-align:center;
  font-size:20px;
  text-transform:uppercase;
  display:none;
}

.texte_mdm:hover {
  display:block;
}

•••••••••••••••••••••••••••••••••••••••••••



Merci Asami Coeur:
 

Merci Rêliane Coeur:
 



Anyu
Pomme


Un peu plus...
Rôle / Ancien rôle : Anciennement Animatrice et Ancienne Noteuse
Décris-toi : Moi, c'est Nyu avec un A devant. c: Une fan de graphisme et d'animes. Et une petite étoile prénommée Naos, qui s'est simplement perdue dans la merveilleuse galaxie qu'est celle de CG. *-* ♥
Famille et relations : La team Etoile, of course. *u* /ETOILEPOWAA/
avatar

Féminin
Messages : 6355
Date d'inscription : 05/03/2014
Âge : 20
Logiciel graphique : Photoshop & Illustrator CC 2017

Contact et infos


Message Sujet: Re: Transition image/texte   Mer 25 Jan 2017, 22:48

Je l'ai changé, mais cela ne s'affiche toujours pas. n.n

•••••••••••••••••••••••••••••••••••••••••••



Liiloux
Cerise Shakeuse


Un peu plus...
Rôle / Ancien rôle : Actuellement Admin et Codeuse
Décris-toi : Un peu fofolle sur les bords, je suis aussi une personne tres sensible..
Famille et relations : Ma famille reste celle du staff de CG.. Je vous adore, vous faites un boulot pas croyable :coeur:
avatar

Féminin
Messages : 2306
Date d'inscription : 29/08/2015
Âge : 27

Contact et infos


Message Sujet: Re: Transition image/texte   Mer 25 Jan 2017, 23:03

est ce que tu peux m'envoyer le code en entier par mp ? Je vais faire quelques test Smile

•••••••••••••••••••••••••••••••••••••••••••



Merci Asami Coeur:
 

Merci Rêliane Coeur:
 



Anyu
Pomme


Un peu plus...
Rôle / Ancien rôle : Anciennement Animatrice et Ancienne Noteuse
Décris-toi : Moi, c'est Nyu avec un A devant. c: Une fan de graphisme et d'animes. Et une petite étoile prénommée Naos, qui s'est simplement perdue dans la merveilleuse galaxie qu'est celle de CG. *-* ♥
Famille et relations : La team Etoile, of course. *u* /ETOILEPOWAA/
avatar

Féminin
Messages : 6355
Date d'inscription : 05/03/2014
Âge : 20
Logiciel graphique : Photoshop & Illustrator CC 2017

Contact et infos


Message Sujet: Re: Transition image/texte   Mer 25 Jan 2017, 23:04

D'accord, merci beaucoup ! Smile

•••••••••••••••••••••••••••••••••••••••••••



Noctali
Cerise


Un peu plus...
Rôle / Ancien rôle : Administratrice, ancienne modératrice.
Décris-toi : Désordonnée, maniaque, brouillonne, gourmande, otaku, lunatique, colérique par moment. Mais aussi calme, joueuse, respectueuse, motivée et débordante d'imagination !
Famille et relations : Juh UP Family ! *^*
avatar

Féminin
Messages : 1941
Date d'inscription : 31/10/2013
Âge : 18
Logiciel graphique : Photofiltre Studio X 10.11

Contact et infos
http://mcgs.deviantart.com/


Message Sujet: Re: Transition image/texte   Dim 26 Fév 2017, 14:59

Problème résolu ? Smile

•••••••••••••••••••••••••••••••••••••••••••


Merci Sygea pour ce kit tellement trop pnzkdnl:ad ♥️_♥️




Contenu sponsorisé




Contact et infos


Message Sujet: Re: Transition image/texte   

 

Transition image/texte

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

 Sujets similaires

-
» Centrer les rangs du profil (image + texte) (messages)
» Écrire un texte dans une image
» [résolu]Transition d'une image qui change au passage de la souris
» texte animé et roll-over
» Texte à la place de boutons-image et autre

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Cocktail Graph' :: Le coin détente :: Questions :: Codage :: Archives-