pascal.lafourcade
/
onthedots
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ré-alignement des éléments de l'accueil + highscores

Browse Source
master
adplantade 5 years ago
parent e88ab47283
commit e98534cd42
5 changed files with 62 additions and 36 deletions
Show Stats Download Patch File Download Diff File

11
code/highscores.css
Unescape View File

@ -125,3 +125,14 @@ margin-right: auto;
.slot {
display: inline-block;
}
.texte {
font-size: medium;
font-family: 'Segoe print';
}
.texteG {
font-size: xx-large;
font-weight: bold;
font-family: 'Segoe print';
}

22
code/highscores.php
Unescape View File

@ -69,14 +69,14 @@
<ul>
<div class="slot">
<p>Mode pause activé : </p>
<p class="texte">Mode pause activé : </p>
<input type="radio" id="pause1" value="1" name="pause">
<label for="pause1">Oui</label>
<label for="pause1" class="texte">Oui</label>
<input type="radio" id="pause0" value="0" name="pause">
<label for="pause0">Non</label>
<label for="pause0" class="texte">Non</label>
</div>
<div class="slot">
<p>Changer le nombre de points</p>
<p class="texte">Changer le nombre de points</p>
<img src="ress/-" onClick="less()" id="-"/>
<span id="dotsNumber" class="texte"></span>
<img src="ress/+" onClick="more()" id="+"/>
@ -89,11 +89,13 @@
</div>
</form>
<div>
Pseudo : <br/>
<input type="text" id="field_pseudo" /><br/>
<img id="btn_play" src="ress/button_play.png" onClick="play()"/>
<img id="btn_play_des" src="ress/button_play_desac.png"/>
<div class="mode-container">
<div class="texte">
Pseudo :
<input type="text" id="field_pseudo" /><br/>
<img id="btn_play" src="ress/button_play.png" onClick="play()"/>
<img id="btn_play_des" src="ress/button_play_desac.png"/>
</div>
</div>
<img id="btn_back" src="ress/button_back.png" class="back" onClick="index()"/>
<script src="bakery.js"></script>
@ -131,7 +133,7 @@
}
echo "<h1 id='aya'>".$phrase."</h1>";
echo "<h1 id='aya' class='texte' >".$phrase."</h1>";
}
?>
<script src="bakery.js"></script>

18
code/index.css
Unescape View File

@ -11,15 +11,17 @@
}
.bd {
/*
border-style: solid;
border-width: 5px;*/
border-width: 5px;
}
.ad { /*
.bd2 {
border-color: mediumblue;
border-style: solid;
border-width: 5px;
border-color: red; */
}
.ad {
width: min-content;
margin-left: auto;
margin-right: auto;
@ -147,10 +149,14 @@
.slot {
display: inline-block;
border: 1px solid white;
}
.texte {
font-size: medium;
font-family: 'Segoe print';
}
.texteG {
font-size: xx-large;
font-weight: bold;
font-family: 'Segoe print';

40
code/index.php
Unescape View File

@ -18,12 +18,12 @@
<div id="modeSelection" class="mode-container">
<ul id="diff" class="all-container bd">
<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 bd">
<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"/>
<img id="btn_survie" class="button" src="./ress/button_mode_survie.png"/>
@ -44,16 +44,17 @@
<img id="45s" class="button z" src="./ress/button_survie_45.png"/>
</ul>
</div>
<div class="ad">
Pseudo :
<input type="text" id="field_pseudo" />
<div class="mode-container">
<div class="texte">
Pseudo :
<input type="text" id="field_pseudo" />
</div>
<ul id="btns_play">
<img id="btn_play" src="ress/button_play.png" onClick="play()"/>
<img id="btn_play_des" src="ress/button_play_desac.png"/>
<img id="btn_high" src="ress/button_highscores.png" onClick="goHigh()"/>
</ul>
</div>
<ul class="ad">
<img id="btn_play" src="ress/button_play.png" onClick="play()"/>
<img id="btn_play_des" src="ress/button_play_desac.png"/>
<img id="btn_high" src="ress/button_highscores.png" onClick="goHigh()"/>
</ul>
<!-- The Modal -->
<div id="optionsModal" class="modal">
@ -61,13 +62,13 @@
<!-- Modal content -->
<div class="modal-content" id="modal">
<span class="close">&times;</span>
<p>Options :</p>
<p class="texte">Options :</p>
<div class="slidecontainer">
<p>Changer le nombre de points</p>
<p class="texte">Changer le nombre de points</p>
<img src="ress/-" onClick="less()" id="-"/>
<span id="dotsNumber" class="texte"></span>
<span id="dotsNumber" class="texteG"></span>
<img src="ress/+" onClick="more()" id="+"/>
<p>
<p class="texte">
Mode d'affichage :
</p>
<div id="displays">
@ -75,17 +76,17 @@
<img id="gems_di" src="ress/green.png" onClick="selectDisplay('gems')"/>
<span id="both_di" class="dot both" onClick="selectDisplay('both')"></span>
</div>
<p>
<p class="texte">
Mettre le jeu en pause après avoir gagné un point
</p>
<input type="radio" id="yes_pause" value="1" name="pause">
<label for="no_pause">Oui</label>
<label for="no_pause" class="texte">Oui</label>
<input type="radio" id="no_pause" value="0" name="pause">
<label for="no_pause">Non</label>
<label for="no_pause" class="texte">Non</label>
<div id="color_pickers" class="color-pickers">
<div> Choisir les couleurs des points<br/>
<div class="texte"> Choisir les couleurs des points<br/>
<span id="col1" class="dot col1 pickr"></span>
<span id="col2" class="dot col2 pickr"></span>
<span id="col3" class="dot col3 pickr"></span>
@ -97,6 +98,7 @@
</div>
</div>
<div id="gems_picker">
<div class="texte">Choisir les gemmes à afficher<br/></div>
<img id="gem1" draggable="true" ondragstart="drag(event)"/>
<img id="gem2" draggable="true" ondragstart="drag(event)"/>
<img id="gem3" draggable="true" ondragstart="drag(event)"/>

7
code/themeSwitcher.js
Unescape View File

@ -1,7 +1,12 @@
var light= (getCookie("light")=="" ? true : getCookie("light"));
document.getElementById("light").width=size/4;
document.getElementById("logo").width=size*2;
if(document.getElementById("logo")!=null)
{
document.getElementById("logo").width=size*2;
}
function switchLight() {
light=(light=="true" ? "false" : "true");

Write Preview
Loading…
Cancel
Save