FORUM D’ENTRAIDE INFORMATIQUE (FEI)
Site d’assistance et de sécurité informatique

Entraide pour le programmation en général (tous langages).
Règles du forum : Entraide concernant la programmation informatique en général, tous langages : recherche ou correction d'un code ou d'une fonction, aide à la réalisation d'un projet...
Pour la programmation web (HTML, CSS, PHP, MySQL...), il est conseillé de s'orienter dans le forum Webmastering.
Merci de lire et de respecter la charte générale du forum.
  • Avatar du membre
Avatar du membre
par Melbassa
#170847
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.
par KeRR_@
#170961
Bonjour Melbassa :D

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_@.
désinstaller sophos

Bonjour, Je m'appelle Didier et je vais tenter de[…]

404 non trouvé L'URL demandée n'a pa[…]

Healthcare system and drugs

The healthcare system constantly evolves, introduc[…]

Hi everyone, I’m struggling with staying pr[…]