Création de tuiles pour questions

**carber** · 09/12/2019, 18h35

bonsoir je souhaite faire un site pour une classe de mes enfants qui ressemble un peut a ça
http://lhommeenquestions.museedelhomme.fr/

des tuiles, chaque tuiles une question est quand on clique on aura la réponses des enfants

je cherche un truc simple a le faire car je suis débutant

cordialement

**Doksuri** · 10/12/2019, 09h09

salut,

qu'as-tu deja fait ? (code)
quelles sont te connaissances en html/css ?

**JPBruneau** · 29/12/2019, 17h59

Bonjour, copie et colles dans un html enregistré en UTF8 sans BOM et lances le, il te suffira de remplir les HREF avec le nom des pages qui correspondent

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
 
<style>
html {  box-sizing: border-box;} *, *:before, *:after {  box-sizing: inherit;}
html, body{height:100%;}
body{background-color:#577bac;font-family:"Times New Roman", Times, serif;color:#feffff;font-size:22px;margin:0;padding:0;border:0;}
div.centre2blanc{height:auto;width:auto;max-width:900px;margin:auto;text-align:center;}
div.mescarres{width:270px;border:1px solid black;text-align:center;padding:1px 1px 1px 1px;display:inline-block;margin:1px 1px 1px 1px; !important;}
img.mescarres{width:250px;border:0px; !important;}
a.LesA3{font-family:"Times New Roman", Times, serif;color:#feffff;font-size:22px !important;text-decoration:none;}
a.LesA3:hover{color:#eeaaaa;}
</style>
</head><body>
<div class="centre2blanc" >
 
<div  class="mescarres"><a class="LesA3" href="#"  >Découvrez les amis photographes<br />
<img class="mescarres" src="http://www.fox-infographie.com/logos/photographes.jpg" alt="Les amis photographes de FoxInfographie" /><br />
de Fox Infographie<br /><br /> </a>
</div>
 
 
 
<div  class="mescarres"><a class="LesA3" href="#" >Mettre un tableau ou une photo en place<br />
<img class="mescarres" src="http://www.fox-infographie.com/logos/wblog_tableau_photov.jpg" alt="tableau photo" /><br />
dans un interrieur  </a>
</div>
</body></html>

**carber** · 26/04/2020, 04h36

Bonsoir
J'ai je me suis tournée ver le logiciel spip avec le Plugin html phantom https://html5up.net/uploads/demos/phantom/
Qui m'a permet de créé mes tuile facilement et ajouter mes articles
Merci

Création de tuiles pour questions

Discussions similaires

Partager

Partager