Geçici Kapanma

Bu bölümde, örneğin teknik bir çalışma yapmak için web sitenizi kapattığınızda görüntülenecek sayfayı yapılandırabilirsiniz. Yöneticilerin site kapatma modunda olsa bile web sitesini her zaman görüntüleyebileceğini unutmayın. Diğer tüm kullanıcılar bu sayfayı görecektir.

Current Date and Time (UTC - YYYY-MM-DD HH:MM:SS formatted): 2025-05-22 18:05:27

Current User's Login: elegance07

Kullanılabilir Etiketler

Etiket	Açıklama
`{reason}`	Ayarlarda belirttiğiniz web sitesi kapatma nedenlerini görüntülemek için kullanılır.

Örnek Kullanım

Temel Bakım Modu Sayfası

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bakım Modu - Sitemiz Geçici Olarak Kapalıdır</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            background-color: #f5f5f5;
            color: #333;
            text-align: center;
            padding: 0;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        .maintenance-container {
            max-width: 600px;
            padding: 40px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        .logo {
            margin-bottom: 30px;
        }
        h1 {
            color: #e74c3c;
            margin-bottom: 20px;
        }
        .message {
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 30px;
        }
        .reason {
            background-color: #f9f9f9;
            padding: 15px;
            border-left: 4px solid #e74c3c;
            margin: 20px 0;
            text-align: left;
        }
        .contact {
            font-size: 14px;
            color: #777;
            margin-top: 30px;
        }
    </style>
</head>
<body>
    <div class="maintenance-container">
        <div class="logo">
            <img src="/templates/default/images/logo.png" alt="Site Logo" width="180">
        </div>
        
        <h1>Bakım Modundayız</h1>
        
        <div class="message">
            <p>Web sitemiz şu anda bakım modundadır ve geçici olarak kullanılamıyor. Lütfen daha sonra tekrar ziyaret edin.</p>
        </div>
        
        <div class="reason">
            <h3>Bakım Nedeni:</h3>
            <p>{reason}</p>
        </div>
        
        <div class="contact">
            <p>Sorularınız için: info@example.com</p>
            <p>Tahmini geri dönüş zamanı: 2 saat içinde</p>
        </div>
    </div>
</body>
</html>

Gelişmiş Bakım Modu Sayfası

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Planlı Bakım - Kısa Sürede Geri Döneceğiz</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: #333;
            margin: 0;
            padding: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            line-height: 1.6;
        }
        .maintenance-wrapper {
            max-width: 800px;
            width: 100%;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        .header {
            background-color: #32325d;
            padding: 25px 40px;
            color: white;
            text-align: center;
        }
        .header h1 {
            margin: 0;
            font-size: 28px;
            font-weight: 600;
        }
        .content {
            padding: 40px;
        }
        .reason-box {
            background-color: #fff;
            border: 1px solid #e1e1e8;
            border-radius: 8px;
            padding: 20px;
            margin: 20px 0;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        }
        .reason-title {
            font-weight: 600;
            margin-top: 0;
            color: #32325d;
        }
        .countdown {
            background: #f8f9fa;
            border-radius: 8px;
            padding: 15px;
            text-align: center;
            font-size: 18px;
            margin: 20px 0;
        }
        .social {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 20px;
        }
        .social a {
            color: #32325d;
            font-size: 24px;
            text-decoration: none;
        }
        .footer {
            padding: 20px;
            background: #f8f9fa;
            text-align: center;
            color: #666;
            font-size: 14px;
        }
    </style>
</head>
<body>
    <div class="maintenance-wrapper">
        <div class="header">
            <h1>Web Sitemiz Şu Anda Bakımda</h1>
        </div>
        
        <div class="content">
            <p>Değerli ziyaretçilerimiz, web sitemiz şu anda planlı bir bakım çalışması için geçici olarak kapalıdır. Daha iyi bir kullanıcı deneyimi sunabilmek için sistemlerimizi güncelliyoruz.</p>
            
            <div class="reason-box">
                <h3 class="reason-title">Bakım Detayları:</h3>
                <p>{reason}</p>
            </div>
            
            <div class="countdown">
                <p>Tahmini tamamlanma süresi: <strong>19:30</strong></p>
            </div>
            
            <p>Bu süre içerisinde bize aşağıdaki kanallardan ulaşabilirsiniz:</p>
            
            <div class="social">
                <a href="#" title="E-posta"><i class="fa fa-envelope"></i> E-posta</a>
                <a href="#" title="Twitter"><i class="fa fa-twitter"></i> Twitter</a>
                <a href="#" title="Instagram"><i class="fa fa-instagram"></i> Instagram</a>
            </div>
        </div>
        
        <div class="footer">
            <p>© 2025 Example.com - Tüm Hakları Saklıdır.</p>
        </div>
    </div>
</body>
</html>