Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Bouton_activeChangement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Bouton_hoverChangement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Fb-hoverChangement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] 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
» Système d'onglets simple et personnalisable
Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

Partagez
 

Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Segawa
Segawa
{ Membre }
{ Membre }

Féminin Messages : 9



Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Empty
Bonjour tout le monde,

Depuis pas mal de temps je recherche un code pour une présentation de contexte. J'ai fais ma première image et après je voudrais que dès qu'on passe la souris elle change pour une autre image Smile

J'espère que vous pourrez m'aider ♥️


Dernière édition par Segawa le Lun 25 Oct 2010, 17:55, édité 1 fois
MessageSujet: Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU]   Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptySam 23 Oct 2010, 08:12
Revenir en haut Aller en bas
Segawa
Segawa
{ Membre }
{ Membre }

Féminin Messages : 9



Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Empty
Personne pour m'aider :'( ?
MessageSujet: Re: Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU]   Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptyLun 25 Oct 2010, 11:45
Revenir en haut Aller en bas
Invité
Invité




Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Empty
Bonjour ^^

Il y a plusieurs méthode possible =)

Ou se trouve cette image ? Sur ta Page d'accueil ou dans un message ?
MessageSujet: Re: Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU]   Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptyLun 25 Oct 2010, 11:47
Revenir en haut Aller en bas
Segawa
Segawa
{ Membre }
{ Membre }

Féminin Messages : 9



Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Empty
Dans un message Smile

Merci d'avance pour ton aide ^^
MessageSujet: Re: Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU]   Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptyLun 25 Oct 2010, 13:10
Revenir en haut Aller en bas
Invité
Invité




Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Empty
Alors nous allons passer par notre charmant CSS ♥

C'est tout simple en faite !
Il faut que tu ouvres une nouvelle class. Et tu vas dire à ton CSS, qu'en gros : "Y a cette image. Et dès qu'on le survole ( hover ), hop une autre image !


DOnc pour faire simple ( tu peux rajouter bordure, et tout ca, à ta guise ) :
Code:

.Nomdetaclass {
background-image : url(URL IMG) ;
background-repeat : no-repeat ;
width : XXpx ;  /*  largeur de ton image */
height : XXpx ;  /* hauteur de ton image */
}

.Nomdetaclass:hover {
background-image : url(URL IMG2) ;
}

Et techniquement, ensuite, tu as jsute à faire ceci dans ton message :
Code:

<div class="Nomdetaclass"></div>


****************


Mais il me semble que si tu mets juste :

Code:
.Nomdetaclass:hover {
background-image : url(URL IMG2) ;
}

&

Code:
<img src="URL IMG1" class="Nomdetaclass" />


Ca devrait marcher... faut essayer x')


Si y a des soucis, n'hésite pas hein x')
MessageSujet: Re: Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU]   Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptyLun 25 Oct 2010, 17:14
Revenir en haut Aller en bas
Segawa
Segawa
{ Membre }
{ Membre }

Féminin Messages : 9



Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Empty
OMG ♥️ Tu es une déesse du CSS Very Happy

C'est exactement ce que je recherchais, merci encore Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] 215926
MessageSujet: Re: Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU]   Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptyLun 25 Oct 2010, 17:54
Revenir en haut Aller en bas
Invité
Invité




Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Empty
Si le problème est résolu merci de cocher l'icône "résolu" en éditant votre premier message.

Au passage, les UP's sont interdits Wink
MessageSujet: Re: Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU]   Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptyLun 25 Oct 2010, 18:04
Revenir en haut Aller en bas
Segawa
Segawa
{ Membre }
{ Membre }

Féminin Messages : 9



Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Empty
J'ai déjà mis l'icone résolu Smile

& Désoler pour le up :$
MessageSujet: Re: Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU]   Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] EmptyLun 25 Oct 2010, 18:21
Revenir en haut Aller en bas
Contenu sponsorisé




Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Empty
MessageSujet: Re: Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU]   Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU] Empty
Revenir en haut Aller en bas
 

Changement d'image au passage de la souris [Merci à Ketsia ♥, RESOLU]

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

 Sujets similaires

-
» "changement" au passage de la souris
» [RESOLU] Réaction d'un lien au passage de la souris
» Texte qui change au passage de la souris RESOLU
» [résolu]couleur au hasard au passage de la souris
» Image qui change au passage de la souris 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 | Cookies | Forum gratuit