Html Çok Yakında Sayfası - Yardım

16-03-2023, 13:20:15

Selamlar yakında sayfası ayarlamam gerekiyor fakat gün kısmını vs ayarlayamadim rengi ve günü saati vs buna ek olarak altta bulunan mail ve LinkedIn kısmının rengini değiştirmem gerek yardımcı olur musunuz.
Görünüm şuan bu şekilde :

16-03-2023, 13:21:16

#2

kreawich

Kodları görmeden nasıl yardımcı olalım hocam?

16-03-2023, 13:21:58

#3

ylcumutcan

PM'den iletişime geçilmiştir.

16-03-2023, 13:22:50

#4

ArasTasarim

pm kutunuz dolu. makul fiyata yardımcı olabilirim.

16-03-2023, 13:24:34

#5

Rims

Kodları iletirseniz ücretsiz yardımcı olabilirim.

16-03-2023, 13:34:30

#6

heri19

Dilerseniz scprit hediye edeyim elimde vardi

16-03-2023, 13:54:21

#7

Ramazanyavuz

@ylcumutcan; hocam yardımcı oldu çok teşekkür ederim ☺️

16-03-2023, 13:55:06

#8

ylcumutcan

Ramazanyavuz adlı üyeden alıntı: mesajı görüntüle

@ylcumutcan; hocam yardımcı oldu çok teşekkür ederim ☺️

@Ramazanyavuz; hocama ücretsiz destek verilmiştir, ben teşekkür ederim.

16-03-2023, 13:57:14

#9

adwerd0z1

<!DOCTYPE html>
<html>
<head>
    <title>Çok Yakında</title>
    <style>
        body {
            background-image: url("https://wallpaperaccess.com/full/6860094.png");
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            font-family: Arial, sans-serif;
            color: #fff;
            text-align: center;
            padding-top: 50px;
        }
        
        h1 {
            font-size: 48px;
            margin-bottom: 0;
            text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
        }
        
        p {
            font-size: 24px;
            margin-top: 10px;
            text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
        }
        
        #countdown {
            font-size: 72px;
            font-weight: bold;
            margin-top: 50px;
        }
        
        #countdown label {
            font-size: 24px;
            font-weight: normal;
            margin-top: -20px;
        }
        
        #message {
            font-size: 18px;
            margin-top: 50px;
            border-top: 1px solid #fff;
            padding-top: 20px;
        }
        
        #email {
            font-size: 16px;
            margin-top: 20px;
        }
        
        #email a {
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
        }
        
        #email a:hover {
            color: #eee;
            text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        }
    </style>
    <script>
        var countDownDate = new Date("Mar 31, 2023 12:00:00").getTime();

        var x = setInterval(function() {
            var now = new Date().getTime();
            var distance = countDownDate - now;

            var days = Math.floor(distance / (1000 * 60 * 60 * 24));
            var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            var seconds = Math.floor((distance % (1000 * 60)) / 1000);

            document.getElementById("countdown").innerHTML = days + " gün " + hours + " saat "
            + minutes + " dakika " + seconds + " saniye";

            if (distance < 0) {
                clearInterval(x);
                document.getElementById("countdown").innerHTML = "SAYACINIZ DOLDU!";
            }
        }, 1000);
    </script>
</head>
<body>
    <h1>Çok Yakında</h1>
    <div id="countdown"></div>
    <p id="message">Sitemiz yakında yenilenecek, bizimle kalın!</p>
    <div id="email">
        <p>E-posta ile güncellemeleri almak isterseniz:</p>
        <a href="mailto:info@example.com">info@example.com</a>
    </div>
</body>
</html>