Aide Forumactivienne
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Description de catégorie cachée par image, lors de survol = dévoilement

Aller en bas 
AuteurMessage
Admin
Admin


Messages : 23
Date d'inscription : 09/01/2012

MessageSujet: Description de catégorie cachée par image, lors de survol = dévoilement   Jeu 12 Jan - 23:39

Code CSS:

Aperçu


CSS:
Code:

/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */


.cate
{
  width: 400px;
  height: 120px;
  overflow: hidden;
  border: 2px solid #000000;
  background-color: #ffffff;
}
.cate_img
{
  position: relative;
  z-index: 2;
  width: 400px;
  height: 120px;
  margin-left: 0px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
  position: relative;
  z-index: 1;
  width: 400px;
  height: 120px;
  margin-top: -120px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
}


HTML:

Code:
<div class="cate"><div class="cate_img"><img src="http://illiweb.com/fa/pbucket.gif" /></div><div class="cate_description">Nec minus feminae quoque calamitatum participes fuere similium. nam ex hoc quoque sexu peremptae sunt originis altae conplures, adulteriorum flagitiis obnoxiae vel stuprorum. inter quas notiores fuere Claritas et Flaviana, quarum altera cum duceretur ad mortem, indumento, quo vestita erat, abrepto, ne velemen quidem secreto membrorum sufficiens retinere permissa est. ideoque carnifex nefas admisisse convictus inmane, vivus exustus est.</div></div>
<div style="clear: both;"></div>


Précision: code est fait pour une image de 400x120 pixels.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://aideforums.fra.co
 
Description de catégorie cachée par image, lors de survol = dévoilement
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Effet sur image lors du survol de la souris
» Image qui disparaît pour laisser place à une description lors du survol de la souris.
» Description section + X message dans X sujets + image = dans tableau
» Éclaircir une image lors du passage du curseur
» Image Reactive au survol de la souris

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Aide Forumactivienne :: HTML-
Sauter vers: