2526-web/Kelompok04-UlardanApel-Wenzel-Daud-Boanerges
2526-web/Kelompok04-UlardanApel-Wenzel-Daud-Boanerges
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling masuk semua -Wenzel

Browse Source
This commit is contained in:
Daud 2025-12-15 14:50:19 +07:00
parent 5eb3013dd6
commit edca5a4219
6 changed files with 105 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
daftar.php
View File

@ -7,8 +7,22 @@ include "koneksi.php";
<html lang="en"> <html lang="en">
<style> <style>
body { body {
background: linear-gradient(to bottom right, #A3D438, #004D40);
height: 568px; height: 568px;
rgb(24, 24, 24)
}
div {
border-radius: 7px;
justify-content: center;
justify-self: center;
width: 540px;
height: 280px;
background-image: url("succes/loginSuccess.png");
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
h3 {
margin-top: 50px;
} }
</style> </style>
<head> <head>
@ -17,6 +31,7 @@ include "koneksi.php";
<title>Halaman: Daftar</title> <title>Halaman: Daftar</title>
</head> </head>
<body> <body>
<div>
<?php <?php
if(isset($_POST['username'])) { if(isset($_POST['username'])) {
$nama = $_POST['nama']; $nama = $_POST['nama'];
@ -61,6 +76,6 @@ include "koneksi.php";
</tr> </tr>
</table> </table>
</form> </form>
</div>
</body> </body>
</html> </html>

18
index.php
View File

@ -11,23 +11,29 @@ if(!isset($_SESSION['username'])) {
<html lang="id"> <html lang="id">
<style> <style>
body { body {
background: linear-gradient(to bottom right, #A3D438, #004D40);
height: 526px; height: 526px;
background-color: rgb(24, 24, 24);
} }
h1 { h1 {
text-align: center; text-align: center;
margin-top: 10%; margin-top: 10%;
font-size: 40px; font-size: 40px;
box-sizing: border-box; box-sizing: border-box;
color: white;
}
h3 {
color: white;
} }
.container { .container {
padding: 5px; padding: 5px; /* Nanti dihapus */
border: 2px solid; /* Nanti dihapus */
border-radius: 7pt; /* Nanti dihapus */ border-radius: 7pt; /* Nanti dihapus */
width: 65%; width: 65%;
height: 55%; height: 55%;
justify-self: center; justify-self: center;
background-image: url("gameOver/gameOver.png");
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
/* background-image: url(); */ /* background-image: url(); */
} }
@ -36,7 +42,9 @@ if(!isset($_SESSION['username'])) {
margin-top: 5%; margin-top: 5%;
width: 50%; width: 50%;
margin-bottom: 5%; margin-bottom: 5%;
border: 1px solid; border: 2px solid #5c5b58;
background-color: #5c5b58;
color: white;
border-radius: 3pt; border-radius: 3pt;
padding: 2px; padding: 2px;
justify-self: center; justify-self: center;

19
leaderboard.php
View File

@ -33,9 +33,24 @@ if($result && mysqli_num_rows($result) > 0) {
<!DOCTYPE html> <!DOCTYPE html>
<html lang="id"> <html lang="id">
<style> <style>
.container {
padding: 10px;
justify-items: center;
justify-self: center;
border-radius: 7pt;
width: 540px;
height: 540px;
background-image: url("leaderboard/Leaderboard.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body { body {
background: linear-gradient(to bottom right, #A3D438, #004D40);
height: 568px; height: 568px;
background-color: rgb(24, 24, 24);
}
table {
margin-top: 20px;
} }
</style> </style>
<head> <head>
@ -46,6 +61,7 @@ if($result && mysqli_num_rows($result) > 0) {
<link rel="stylesheet" href=""> <link rel="stylesheet" href="">
</head> </head>
<body> <body>
<div class=container>
<table> <table>
<thead> <thead>
<tr> <tr>
@ -80,5 +96,6 @@ if($result && mysqli_num_rows($result) > 0) {
</tbody> </tbody>
</table> </table>
</div>
</body> </body>
</html> </html>

BIN
leaderboard/Leaderboard.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

66
login.php
View File

@ -23,15 +23,31 @@ if(isset($_POST['username'])) {
<html lang="id"> <html lang="id">
<style> <style>
body { body {
background: linear-gradient(to bottom right, #A3D438, #004D40); background-color: rgb(24, 24, 24);
/* height: 568px; */
} }
.login { .login {
/* background-image: url('login/login.png'); */ /* background-image: url('login/login.png'); */
background-repeat: no-repeat;
background-size: 300px 190px;
background-position: center top;
height: 568px; height: 568px;
margin-top: 0;
background-image: url("login/log.png");
background-size: 50% 80%;
background-position: center;
background-repeat: no-repeat;
}
h3 {
color: white;
}
table {
padding: 42px;
font-size: 50px;
}
a {
color: white;
font-size: 21px;
}
input {
color: white;
background-color: rgb(24, 24, 24);
} }
</style> </style>
<head> <head>
@ -46,21 +62,47 @@ if(isset($_POST['username'])) {
<table align="center"> <table align="center">
<tr> <tr>
<td colspan="2" align="center"> <td colspan="2" align="center">
<div id="h3">
<h3>Login User</h3> <h3>Login User</h3>
</div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td></td> <td></td>
<td><input type="text" name="username" placeholder="Username" style="border: none"></td> <td align="center"><input type="text" name="username" placeholder="Username" style="border: none"></td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr>
<td></td>
<td align="center"><input type="password" name="password" placeholder="Password" style="border: none"></td>
<!-- <td><input type="password" name="password" placeholder="Password" style="border: none"></td> -->
</tr> </tr>
<tr> <tr>
<td></td> <td></td>
<td><input type="password" name="password" placeholder="Password" style="border: none"></td> <td align="center">
</tr>
<tr>
<td></td>
<td>
<button type="submit">Masuk</button> <button type="submit">Masuk</button>
<a href="daftar.php">Daftar</a> <a href="daftar.php">Daftar</a>
</td> </td>

BIN
login/login.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 21 KiB