<?php session_start(); require_once 'connect.php'; ?> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> <link rel="stylesheet" href="../css/css2/css2.css"> </head> <body id="back"> <div class="container-fluid"> <div class="row"> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100 " src="banner/tips.jpg" alt="First slide"> </div> <div class="carousel-item"> <img class="d-block w-100" src="banner/image2.jpg" alt="Second slide"> </div> <div class="carousel-item"> <img class="d-block w-100" src="banner/image3.jpg" alt="Third slide"> </div> </div> <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> <div class="loginbox"> <form action="check_login.php" method="POST"> <input type="text" name="cus_username" class="form-control" placeholder="Usrename" value="<?php echo @$_SESSION['cus_username']; ?>"> <input type="password" name="cus_password" class="form-control" placeholder="Password"> <br> <center> <input type="submit" value="Submit" class="btn btn-primary" > <br> </center> <?php unset($_SESSION['cus_username']); ?> </form> </div> </div> </div> </div> </body> </html>
.loginbox{ width: 320px; height: 320px; background: #CCFFFF ; color: #fff; top: 200px; left: 50%; position: absolute; /* */ transform: translate(-50%); /* transform: translate(-50%); */ box-sizing: border-box; padding: 70px 30px; border-radius: 20px; opacity: 0.75; }
<meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { background: #555; } .loginbox { background: red; margin: auto; padding: 40%; } </style> </head> <body> <div class="loginbox"> <p>Login</p> <p>Username : <input></p> <p>password : <input></p> </div>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 03
Load balance : Server 03
