Skip to content

M
mangala-pardusacikhack
Kaydet (Commit) 207c06a5 authored tarafından Abdülkerim AKSAK's avatar Abdülkerim AKSAK
Dosyalara gözat
Seçenekler

Oyun sonu overlay tasarımı.

üst e64b7278
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 32 additions and 12 deletions
pages/clientGameArea.html
Dosyayı görüntüle @ 207c06a5
...@@ -12,15 +12,26 @@ ...@@ -12,15 +12,26 @@
<div class="container-fluid"> <div class="container-fluid">
<div id="overlay"> <div id="overlay">
<div> <div style="display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;">
<p id="text"></p> <div style="display: flex; justify-content: center; align-items: center; height: 250px; width: 550px;flex-direction: column; background-image: linear-gradient(
to bottom,
#416e75,
#529290,
#6db7a6,
#94dbb5,
#c6ffc1
); border-radius: 20px;">
<div style="margin-bottom: 25px;"><p id="text" style="color:#ffe268;"></p></div>
<div>
<button class="big-button" onclick="yenidenOyna()" style="font-size: 11px;width: 150px;">Yeniden
Oyna
</button>
</div>
</div> </div>
<div style="position: absolute; top: 50%; left: 40%">
<button class="big-button" onclick="yenidenOyna()" style="font-size: 11px; width: 150px">
Yeniden Oyna
</button>
</div> </div>
</div> </div>
</div>
<div id="overlayOda" onclick="overlayOff()"> <div id="overlayOda" onclick="overlayOff()">
<a href="../main.html"><img width="60" height="60" src="../assets/image/geri.png" alt="geri" style="margin-left: 15px;"></a> <a href="../main.html"><img width="60" height="60" src="../assets/image/geri.png" alt="geri" style="margin-left: 15px;"></a>
<div class="row" style="padding: 30px"> <div class="row" style="padding: 30px">
......
pages/gameArea.html
Dosyayı görüntüle @ 207c06a5
This diff is collapsed.
pages/robotGameArea.html
Dosyayı görüntüle @ 207c06a5
...@@ -12,13 +12,22 @@ ...@@ -12,13 +12,22 @@
<body> <body>
<div class="container-fluid"> <div class="container-fluid">
<div id="overlay"> <div id="overlay">
<div> <div style="display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;">
<p id="text"></p> <div style="display: flex; justify-content: center; align-items: center; height: 250px; width: 550px;flex-direction: column; background-image: linear-gradient(
to bottom,
#416e75,
#529290,
#6db7a6,
#94dbb5,
#c6ffc1
); border-radius: 20px;">
<div style="margin-bottom: 25px;"><p id="text" style="color:#ffe268;"></p></div>
<div>
<button class="big-button" onclick="yenidenOyna()" style="font-size: 11px;width: 150px;">Yeniden
Oyna
</button>
</div>
</div> </div>
<div style="position: absolute; top: 50%; left: 40%">
<button class="big-button" onclick="yenidenOyna()" style="font-size: 11px; width: 150px">
Yeniden Oyna
</button>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment