Effet sur bouton de partenariat

2 participants

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

Résolu Effet sur bouton de partenariat

Message par MAZOHYST Mar 29 Avr 2014 - 18:58

Bonsoir !  What a Face 

J'aimerai savoir comment je peux obtenir l'effet "grossissement" sur le bouton de mes partenaires, au survol ?

Comme ici ;
Effet sur bouton de partenariat 774049937775pa410

Merci d'avance  Mr. Green


Dernière édition par MAZOHYST le Mar 29 Avr 2014 - 20:07, édité 3 fois
MAZOHYST

MAZOHYST
*

Féminin
Messages : 47
Inscrit(e) le : 05/07/2013

http://wingardium-leviosa.bbactif.com/
MAZOHYST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet sur bouton de partenariat

Message par Neptunia Mar 29 Avr 2014 - 19:09

Bonsoir ^^


On ne voit rien sur votre capture d'écran Sad

Une technique consiste à utiliser une image plus grande au survol que l'image non survolée.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet sur bouton de partenariat

Message par MAZOHYST Mar 29 Avr 2014 - 19:27

On ne voit rien ?  Sad 
Je me permet de donner un exemple de forum alors, qui ont ce que j'aimerai ><

http://souls-of-war.asiat-world.com/

Neptune a écrit:Une technique consiste à utiliser une image plus grande au survol que l'image non survolée.

J'ai regardé sur le net, je ne parviens pas à trouver quoi que ce soit pour m'aider, même sur certains forums d'aides ou je me trouve ;;
MAZOHYST

MAZOHYST
*

Féminin
Messages : 47
Inscrit(e) le : 05/07/2013

http://wingardium-leviosa.bbactif.com/
MAZOHYST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet sur bouton de partenariat

Message par Neptunia Mar 29 Avr 2014 - 19:41

La technique employée dans votre exemple fait appel à une seule image, mais on force des attributs largeur et hauteur différents.

Code:
div.selecteur a, div.selecteur a img {
display:inline-block;
height:18px;
width:50px
}
div.selecteur a:hover img {
display:inline-block;
height:31px;
margin-left:-19px;
margin-top:-6px;
position:absolute;
width:88px
}

L'exemple place des boutons de 100*35 pixels dans un div commun appelé ici selecteur. Mais le CSS demande d'afficher des miniatures de respectivement 50*18 à l'état normal et de 88*31 à l'état survolé.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet sur bouton de partenariat

Message par MAZOHYST Mar 29 Avr 2014 - 19:46

Merci beaucoup Neptune- !
Mais qu'est-ce que je dois mettre dans mon html ? ;;

(la fille qui n'y connait rien, tu sais... Milles excuses T.T)
MAZOHYST

MAZOHYST
*

Féminin
Messages : 47
Inscrit(e) le : 05/07/2013

http://wingardium-leviosa.bbactif.com/
MAZOHYST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet sur bouton de partenariat

Message par Neptunia Mar 29 Avr 2014 - 19:53

Et bien tu places tes boutons entre
<div class="selecteur">
et
</div>

Peu importe le nom que tu choisis pour selecteur, du moment que c'est le même que dans ton css.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet sur bouton de partenariat

Message par MAZOHYST Mar 29 Avr 2014 - 20:05

omg, c'est par-fait !
Merci beaucoup pour ton aide !!!

Je mets que le sujet est résolu Very Happy
MAZOHYST

MAZOHYST
*

Féminin
Messages : 47
Inscrit(e) le : 05/07/2013

http://wingardium-leviosa.bbactif.com/
MAZOHYST a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum