rajout du prototype de menu pour le jeu
This commit is contained in:
parent
eeae13b339
commit
592b179a19
BIN
prototypes/interface-menu/BackGround-menu.jpg
Normal file
BIN
prototypes/interface-menu/BackGround-menu.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.1 MiB |
BIN
prototypes/interface-menu/Background-select-level.jpg
Normal file
BIN
prototypes/interface-menu/Background-select-level.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 423 KiB |
32
prototypes/interface-menu/Road-to-masterU/Level.html
Normal file
32
prototypes/interface-menu/Road-to-masterU/Level.html
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Level - Road to masterU</title>
|
||||||
|
<link href="style-Level.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<section class="select-day">
|
||||||
|
<h1>Day 1</h1>
|
||||||
|
<a href="" class="lien-icone">></a>
|
||||||
|
</section>
|
||||||
|
<section class="select-level">
|
||||||
|
<div class="level"><a href="">1</a></div>
|
||||||
|
<div class="level"><a href="">2</a></div>
|
||||||
|
<div class="level"><a href="">3</a></div>
|
||||||
|
<div class="level"><a href="">4</a></div>
|
||||||
|
<div class="level"><a href="">5</a></div>
|
||||||
|
<div class="level"><a href="">6</a></div>
|
||||||
|
<div class="level"><a href="">7</a></div>
|
||||||
|
<div class="level"><a href="">8</a></div>
|
||||||
|
<div class="level"><a href="">9</a></div>
|
||||||
|
<div class="level"><a href="">10</a></div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<a href="Menu.html" class="back-to-accueil">Menu</a>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
23
prototypes/interface-menu/Road-to-masterU/Menu.html
Normal file
23
prototypes/interface-menu/Road-to-masterU/Menu.html
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Menu - Road to masterU</title>
|
||||||
|
<link href="style-menu.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<section class="title">
|
||||||
|
<h1>ROAD TO MASTERU </h1>
|
||||||
|
</section>
|
||||||
|
<section class="setting">
|
||||||
|
<a href="" class="setting-Play"><h2>Play</h2></a>
|
||||||
|
<a href="Level.html" class="setting-level"><h2>Level</h2></a>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<a href="" class="lien-icone"><img src="../Trophee-pic.jpg" alt="trophy"></a>
|
||||||
|
<a href="" class="lien-icone"><img src="" alt="link-setting"></a>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
45
prototypes/interface-menu/Road-to-masterU/style-Level.css
Normal file
45
prototypes/interface-menu/Road-to-masterU/style-Level.css
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
body{
|
||||||
|
background-image: url("../Background-select-level.jpg");
|
||||||
|
background-position: right;
|
||||||
|
}
|
||||||
|
h1,.lien-icone,.back-to-accueil{
|
||||||
|
font-size: 75px;
|
||||||
|
padding-top: 80px;
|
||||||
|
color:gold;
|
||||||
|
}
|
||||||
|
footer{
|
||||||
|
text-align: center;
|
||||||
|
padding:50px
|
||||||
|
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
color:black;
|
||||||
|
}
|
||||||
|
.select-day{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: baseline;
|
||||||
|
|
||||||
|
}
|
||||||
|
.select-level{
|
||||||
|
display:grid;
|
||||||
|
grid-template-columns: 40px 40px 40px;
|
||||||
|
grid-gap: 30px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.level{
|
||||||
|
height: 60px;
|
||||||
|
border:3px solid black;
|
||||||
|
|
||||||
|
}
|
||||||
|
.level>a{
|
||||||
|
font-size:30px;
|
||||||
|
display: flex;
|
||||||
|
justify-content:center;
|
||||||
|
}
|
||||||
|
.lien-icone{
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
24
prototypes/interface-menu/Road-to-masterU/style-menu.css
Normal file
24
prototypes/interface-menu/Road-to-masterU/style-menu.css
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
body{
|
||||||
|
background-image: url("../BackGround-menu.jpg");
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
h1{
|
||||||
|
font-size: 75px;
|
||||||
|
padding-top: 80px;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
h1,h2{
|
||||||
|
text-align: center;
|
||||||
|
color: gold;
|
||||||
|
}
|
||||||
|
h2{
|
||||||
|
font-size: 50px;
|
||||||
|
padding-top: 40px;
|
||||||
|
}
|
||||||
|
footer{
|
||||||
|
text-align: end;
|
||||||
|
padding-top: 300px;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
BIN
prototypes/interface-menu/Trophee-pic.jpg
Normal file
BIN
prototypes/interface-menu/Trophee-pic.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.0 KiB |
Loading…
Reference in New Issue
Block a user