Aller au contenu principal Aide Panneau de contrôle

J.Juraver


le 4 juil. 2012
depuis Entre chaise et clavier...

Yacs team - Modération, Communication, Documentation
Partager
Partager sur Facebook
Poster sur Twitter
Partager sur LinkedIn
Inviter des participants
Référencer cette page
Surveiller
Fichiers récents
support »
Voir aussi
 

support «   Besoin d'aide «  

Un background CSS sur le hover des thumbnails

PrécédentSuivantIndex

PropriétaireJ.Juraver
Avancement0%
WorkflowBesoin d'aide
StatutLe problème a été enregistré

Bonjour,

que feriez-vous dans votre css pour donner un background différent au survol (hover) sur une vignette cliquable ?

Je vois pas bien où mettre le .hover là dedans :

.thumbnail_image a img { }

Alexis Raimbault
le 5 juil. 2012
.thumbnail_image est succeptible de contenir la légende. Si tu veux un effet seulement autour de l'image, il te faut donner un peu de padding à .image_show et déclarer l'effet hover dessus (la balise "a" donc)


Alexis Raimbault webmaster free-lance
J.Juraver - le 5 juil. 2012
Tiens j'avais pas repéré ce .image_show



J'ai mis du padding effectivement, mais pas tout à fait comme tu le préconises. C'est bien dans l'espacement autour de la vignette au survol que je veux mettre un changement de background :
/*Set the thumbnails cosmetic within galeries*/ 

    
.thumbnail_image {

    
height:180pxwidth:160pxmargin:4pxborder:1px solid #666666; background-color: black;

    
-moz-border-radius4px 4px 4px 4px/* Not sure... */

    
-webkit-border-radius4px 4px 4px 4px;

    
border-radius4px 4px 4px 4px;

    }

    
/* Where is the a hover effect  ?*/

    
.thumbnail_image a img {padding25px;}



Je ne m'attarde pas, j'ai mon yacs en double file...

Yacs on my blog | Suivez le blog Yacs | Yacs Showroom | Plugin Firefox de recherche dans Yetanoz |
Alexis Raimbault - le 6 juil. 2012

oui tu as mis 25 de padding sur img.

Ta couleur de fond et sur le .thumbnail_image donc change là au survol

.thumbnail_image:hover {background:red;}




Alexis Raimbault webmaster free-lance
J.Juraver - le 6 juil. 2012
Et donc en fait le :hover ça se passe là-dedans :
.thumbnail_image:hover {background-color#your_color;}



Je ne m'attarde pas, j'ai mon yacs en double file...

Yacs on my blog | Suivez le blog Yacs | Yacs Showroom | Plugin Firefox de recherche dans Yetanoz |
J.Juraver
le 4 juil. 2012
La page a été créée

PrécédentSuivantIndex