Image qui se cache
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image qui se cache
Bonjour tout le monde (:
Voilà je suis admin d'un forum et j'aimerais faire un tout beau et nouveau message d'accueil... Pour ça j'avais une petite idée... Vous voyez à peu près quand je vous dis que j'aimerais mettre une image et en dessous le contexte du fow? Et bien c'est ça que je ne sais pas faire et que je souhaite....
Explication plus en détails (pour ceux qui n'ont pas compris):
L'image je souhaiterais qu'elle soit au-dessus du contexte et dès qu'on passe la souris dessus, l'image se décale pour laisser place au contexte...
Si vous n'avez toujours pas compris un schéma s'impose (;
Voilà je suis admin d'un forum et j'aimerais faire un tout beau et nouveau message d'accueil... Pour ça j'avais une petite idée... Vous voyez à peu près quand je vous dis que j'aimerais mettre une image et en dessous le contexte du fow? Et bien c'est ça que je ne sais pas faire et que je souhaite....
Explication plus en détails (pour ceux qui n'ont pas compris):
L'image je souhaiterais qu'elle soit au-dessus du contexte et dès qu'on passe la souris dessus, l'image se décale pour laisser place au contexte...
Si vous n'avez toujours pas compris un schéma s'impose (;
- Spoiler:
Dernière édition par Feuille d'Or le Mar 20 Aoû 2013 - 10:30, édité 1 fois
Re: Image qui se cache
Merci j'essaierai plus tard mais là je pars en vacances est-il possible de garder mon sujet pour reposter si j'ai un problème ? (:
Re: Image qui se cache
J'ai essayé pourtant et je n'ai pas réussi...
Résultat:
Ce que j'ai mis dans mon mess d'accueil:
Résultat:
- Spoiler:
Ce que j'ai mis dans mon mess d'accueil:
- Code:
<div class="bloc-tfa">
<img src="http://i71.servimg.com/u/f71/18/14/53/38/a_bmp10.jpg" alt="" />
<p>
ICI LE CONTENU
</p>
</div>
- Code:
/*code image qui se cache*/
.bloc-tfa {
background: #b5c9d9;
position: relative;
overflow: hidden;
height: 120px;
width: 250px;
margin: 0;
padding: 0;
border: 1px solid #7da2bc;
}
.bloc-tfa p{
display: block;
color: #00305c;
height: 120px;
width: 250px;
margin: 0;
padding: 0;
}
.bloc-tfa img{
position: absolute;
top: 0;
left: 0;
}
/*fin code image qui se cache*/
- Code:
$(function()
$('.bloc-tfa_p').hover(function(){ $(this).find('.img_2').animate({left:'250px'},{queue:false,duration:500}); }, function(){
Re: Image qui se cache
Bonjour,
essai avec ce javacript
essai avec ce javacript
- Code:
$(function(){
$('.bloc-tfa').hover(function(){$(this).find('img').animate({top:'120px'},{queue:false,duration:500})},function(){$(this).find('img').animate({top:'0px'},{queue:false,duration:500})});
});
Invité- Invité
Re: Image qui se cache
Merci ça marche (:
Mais comment on fait si on veut que l'image aille à droite?
Mais comment on fait si on veut que l'image aille à droite?
Re: Image qui se cache
Comme ceci mettre left au lieu de Top
- Code:
$(function(){
$('.bloc-tfa').hover(function(){$(this).find('img').animate({left:'120px'},{queue:false,duration:500})},function(){$(this).find('img').animate({top:'0px'},{queue:false,duration:500})});
});
Invité- Invité
Re: Image qui se cache
Génial merci ça marche (: ♥
Sujets similaires
» Image qui se cache
» Mise en cache d'image
» image de fond caché
» Le titre de mon forum est caché par une image
» lien sous forum qui se cache derrière l'image
» Mise en cache d'image
» image de fond caché
» Le titre de mon forum est caché par une image
» lien sous forum qui se cache derrière l'image
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum