Forum d'Entraide Informatique (FEI)

Bonjour,
Je vous donne un exemple de ce que j'aimerais faire http://www.mexique-voyages.com/ vous avez des photos du Mexique par thème d'activité avec un texte qui apparaît quand on passe la souris sur chacune des photos.
J'aimerais faire ça sur mon site sous wordpress avec du html de préférence.
Merci pour votre aide.

Bonjour Melbassa

Voilà un petit code pour ce que vous voulez afficher

Code : Tout sélectionner

		
<!DOCTYPE html PUBLIC>
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
        <title>My picture</title>
	<style type="text/css">
	    div {
                width:200px;
                 height:190px;
                border: 1px solid black; 
                  }

        	.sea {
                     background-image: url("../Desktop/sport.png");
                      background-color:  #8C73FF;
                     }
	    div .parag{ 
                    display:  none;   
                   background-color: black;   
                   opacity:  0.6;
                   }
.sea:hover .parag{ display: block;  color:  white; }
               p {
             margin-left:  15px;
              font-family: Tahoma,Geneva,sans-serif;  
              color: #E68A00; 
               }
           span { 
           font-family: inherit; 
            color: #ffffff;
           }    
	</style>
	<head>
	<body>	
           <div class="sea">
               <div class="parag"><p><span>SPORTS & AVENTURE</span><br />
               Votre text ici</p></div>
	</div>	</body>
</html>

KeRR_@.

Forum d'Entraide Informatique (FEI)

Texte sur image au passage de la souris

Texte sur image au passage de la souris

Re: Texte sur image au passage de la souris