Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Effet sur bouton de partenariat

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

Résolu Effet sur bouton de partenariat

Message par MAZOHYST le 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 ;


Merci d'avance  Mr. Green


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

MAZOHYST
*

Féminin
Messages : 44
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 le 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.
avatar

Neptunia
Membre actif

Féminin
Messages : 13530
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 le 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 ;;
avatar

MAZOHYST
*

Féminin
Messages : 44
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 le 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é.
avatar

Neptunia
Membre actif

Féminin
Messages : 13530
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 le 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)
avatar

MAZOHYST
*

Féminin
Messages : 44
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 le 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.
avatar

Neptunia
Membre actif

Féminin
Messages : 13530
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 le 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
avatar

MAZOHYST
*

Féminin
Messages : 44
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


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