Selamlar, Serinin ikinci parçası ile devam ediyoruz. Sunucu sahiplerinin en büyük derdi, bakım anında oyuncuların "Server kapandı mı?" paniğine kapılmasıdır. Bu basit "Bakım Modu" sayfası ile oyuncularınıza güven verebilirsiniz.
Neden Kullanmalısın? 🛠️ "Çok yakında dönüyoruz" mesajı verir.
📱 Responsive (Mobil Uyumlu) tasarım.
🎨 Göz yormayan Dark Tema.
Kurulum: Aşağıdaki kodları index.html dosyası yapıp sitenize atmanız yeterli.
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Sunucu Bakımda</title>
<style>
body { background: #1a0b0b; color: #eee; font-family: sans-serif; height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin: 0; }
.icon { font-size: 5rem; color: #e74c3c; margin-bottom: 20px; animation: spin 4s linear infinite; }
h2 { font-size: 2.5rem; margin-bottom: 10px; }
p { max-width: 600px; line-height: 1.6; color: #aaa; }
.progress-bar { width: 300px; height: 4px; background: #333; margin-top: 30px; border-radius: 2px; overflow: hidden; }
.progress { width: 50%; height: 100%; background: #e74c3c; animation: load 2s infinite alternate; }
@keyframes spin { 100% { transform: rotate(360deg); } }
@keyframes load { 0% { width: 10%; } 100% { width: 90%; } }
.powered-by { position: absolute; bottom: 20px; font-size: 12px; opacity: 0.5; }
.powered-by a { color: #fff; text-decoration: none; }
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<i class="fas fa-cog icon"></i>
<h2>Kısa Bir Bakım Molası</h2>
<p>Daha iyi bir oyun deneyimi için sunucularımızda iyileştirme çalışmaları yapıyoruz. Çok kısa süre sonra tekrar aktif olacağız. Discord adresimizden duyuruları takip edebilirsiniz.</p>
<div class="progress-bar">
<div class="progress"></div>
</div>
<div class="powered-by">
Server Status Check: <a href="https://metin2pvp.co" target="_blank">Metin2PvP.co</a>
</div>
</body>
</html>
Yorumlar ( 0 )
Bu bölümde yapılan yorumlar listelenmektedir.