0
Kayıt Ol

Proje için 404 Sayfa Tasarım İhtiyacı | HTML

4

●

106

  • 11-01-2024, 01:40:10
    #1
    gulyaprak
    gulyaprak
    Selamlar

    Resimdekini yaptım da farklı bir şeyler arıyorum. tavsiye bir geçiş sayfasına ihtiyacım var örnek verebilecek veya elinde olan var mı ?

    Bir sitede vs. kullanılmayacak sadece proje için


    https://hizliresim.com/cac13no
  • 11-01-2024, 02:46:47
    #2
    kerem2657
    kerem2657
    gulyaprak adlı üyeden alıntı: mesajı görüntüle
    Selamlar

    Resimdekini yaptım da farklı bir şeyler arıyorum. tavsiye bir geçiş sayfasına ihtiyacım var örnek verebilecek veya elinde olan var mı ?

    Bir sitede vs. kullanılmayacak sadece proje için


    https://hizliresim.com/cac13no
    hocam bi 5 dk cıkma forumdan sana zahmet
  • 11-01-2024, 02:51:00
    #3
    kerem2657
    kerem2657
    kerem2657 adlı üyeden alıntı: mesajı görüntüle
    hocam bi 5 dk cıkma forumdan sana zahmet

    Hocam musaien verecegim kodu senin denediğin sayfanın yerine calıştırırmısın.Bende merak ettim nasıl duracak.Sana zahmet

    <div style="position:relative; width:100%; height:0px; padding-bottom:56.206%"><iframe allow="fullscreen;autoplay" allowfullscreen height="100%" src="https://streamable.com/e/wu2ifv?autoplay=1&nocontrols=1" width="100%" style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe></div>
  • 11-01-2024, 02:53:06
    #4
    gulyaprak
    gulyaprak
    kerem2657 adlı üyeden alıntı: mesajı görüntüle
    Hocam musaien verecegim kodu senin denediğin sayfanın yerine calıştırırmısın.Bende merak ettim nasıl duracak.Sana zahmet

    <div style="position:relative; width:100%; height:0px; padding-bottom:56.206%"><iframe allow="fullscreen;autoplay" allowfullscreen height="100%" src="https://streamable.com/e/wu2ifv?autoplay=1&nocontrols=1" width="100%" style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe></div>

    Kodları ekte veriyorum, istediğiniz gibi ekleme çıkarma vs. yapabilirsiniz.

    


<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>| Başarılı Giriş</title>
  <style>
      *{
          transition: all 0.6s;
      }

      html {
          height: 100%;
      }

      body{
          font-family: -apple-system, system-ui, sans-serif;
          color: #888;
          margin: 0;
      }

      #main{
          display: table;
          width: 100%;
          height: 100vh;
          text-align: center;
      }

      .fof{
          display: table-cell;
          vertical-align: middle;
      }

      .fof h1{
          font-size: 50px;
          display: inline-block;
          padding-right: 12px;
          animation: type .5s alternate infinite;
      }

      @keyframes type{
          from{box-shadow: inset -3px 0px 0px #888;}
          to{box-shadow: inset -3px 0px 0px transparent;}
      }
  </style>
</head>

<body>
<div id="main">
  <div class="fof">
  
    <h1>Hoşgeldiniz</h1>
    <h2> 3 Saniye içinde Yönlendiriliyorsunuz.. Lütfen Bekleyin.. </h2>
  </div>
</div>
</body>

</html>