épuration du menu

master
adplantade 5 years ago
parent 1f9d477114
commit 31fff7f8e4

@ -92,7 +92,14 @@
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
background-color: lime;
border-radius: 50%;
display: inline-block;
}
.both {
background-image: url("ress/yellow.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

@ -7,8 +7,12 @@
</head>
<body>
Jouer la partie en : </br>
<div id="modeSelection">
<ul id="diff" class="all-container">
<img id="btn_easy" class="button" src="./ress/button_diff_easy.png"/>
<img id="btn_med" class="button" src="./ress/button_diff_normal.png"/>
<img id="btn_hard" class="button" src="./ress/button_diff_hard.png"/>
</ul>
<ul id="modes" class="all-container">
<img id="btn_points" class="button" src="./ress/button_mode_points.png"/>
<img id="btn_temps" class="button" src="./ress/button_mode_temps.png"/>
@ -30,18 +34,9 @@ Jouer la partie en : </br>
<img id="45s" class="button" src="./ress/button_survie_45.png"/>
</ul>
</div>
<ul id="diff" class="all-container">
<img id="btn_easy" class="button" src="./ress/button_diff_easy.png"/>
<img id="btn_med" class="button" src="./ress/button_diff_normal.png"/>
<img id="btn_hard" class="button" src="./ress/button_diff_hard.png"/>
</ul>
<div>
Meilleur score dans ce mode (avec vos préférences) :
<p id="record"> </p>
</div>
Entrez votre pseudo (optionnel, mais n&eacute;cessaire si vous voulez sauvegarder votre score):
Pseudo :
<input type="text" id="field_pseudo" />
<ul>
<img id="btn_play" src="ress/button_play.png" onClick="play()"/>
@ -49,11 +44,6 @@ Jouer la partie en : </br>
<img id="btn_high" src="ress/button_highscores.png" onClick="goHigh()"/>
</ul>
<div>
Partie en points : la partie finit quand vous obtenez le nombre de points choisi. Mettez le moins de temps possible ! </br>
Partie en temps : la partie finit quand le temps imparti est &eacute;coul&eacute;. Obtenez le plus de points possible ! </br>
Partie en survie : la partie finit quand le temps atteint 0. Gagner un point vous rajoute 30s, obtenez le plus de points possible ! </br>
</div>
<img id="btn_options" src="./ress/gear.png"/>
@ -76,6 +66,9 @@ Jouer la partie en : </br>
<option id="gems_disp" value="gems">Seulement des gemmes</option>
<option id="both_disp" value="both">Les deux</option>
</select>
<span id="dot" tag="points" class="dot"></span>
<img id="gem" tag="gems" src="ress/green.png"/>
<span id="both" tag="both" class="dot both"></span>
<p>
Mettre le jeu en pause après avoir gagné un point
@ -86,7 +79,7 @@ Jouer la partie en : </br>
<label for="no_pause">Non</label>
<div> Choisir les couleurs des points (ne fonctionne pas en mode "gemmes" ou "les deux")<br/>
<div class="color-pickers">
<div id="color_pickers" class="color-pickers">
<span id="col1" class="dot col1"></span>
<span id="col2" class="dot col2"></span>
<span id="col3" class="dot col3"></span>

@ -36,10 +36,13 @@ function saveOptions() {
setCookie("dotsAmount",document.getElementById("range_dots").value,30);
setCookie("displayMode",document.getElementById("displays").value,30);
setCookie("pause",(document.getElementById("no_pause").checked ? 0 : 1),30);
modal.style.display = "none";
}
//initialisation des valeurs des préférences
document.getElementById("gem").width=size/6;
if(getCookie("pause")!=1)
document.getElementById("no_pause").checked=true;
else

Loading…
Cancel
Save