arkadaslar merhaba su html yi yapmak istiyorum ama birebir olmuyor sebebi nedir neyde yanlıs yapoıyorum veya nasıl yapmalıyım yardımcı olurmusunuz ? https://codepen.io/gweine/pen/ooWOVm

pm atın yardım edeyim hocam vaktim boş şuan

@shentaweb; teşekkür ediyorum hocam bu tarz bildiğiniz bir doysa varmıdır peki

Bakımdayız sayfası için HTML Yardım ?

27-02-2023, 21:43:35

#1

AySofTR

arkadaslar merhaba
su html yi yapmak istiyorum ama birebir olmuyor sebebi nedir neyde yanlıs yapoıyorum veya nasıl yapmalıyım yardımcı olurmusunuz ?
https://codepen.io/gweine/pen/ooWOVm

Kabul Edilen Cevap

shentaweb

0 Beğeni

Mesaja Git

Bunu olduğu gibi html dosyasına yapıştırırsanız aynı görünüm çıkacaktır;

<html>

<head>
  <meta charset="utf-8">
  <title>Site Yapım Aşamasında</title>
</head>

<body>

  <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
    <div id="yazı">█ █ █ <span style="color:black">█ █ █ █ █ █ █ █ █ █ </span>31%
      <br>> Site Yapım Aşamasında&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <br>> Yakında Hizmette  <span id="imleç">█</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
  </body>

<style type="text/css">
    
    body {
  background: #000;
}

div {
  color: #8002f5;
  font-family: Monaco, monospace;
  font-size: 24px;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 0;
  animation: 120ms infinite normal glitch;
}

span {
  animation: 1.5s infinite normal imleç;
}

::-moz-selection {
  background: #7021d2;
  color: #fff;
}

::selection {
  background: #7021d2;
  color: #fff;
}

@keyframes glitch {
  0% {
    opacity: 0;
    left: 0;
  }
  40%,
  80% {
    opacity: 1;
    left: -2px;
  }
}

@keyframes imleç {
  0% {
    opacity: 0;
    left: 0;
  }
  40% {
    opacity: 0;
    left: -2px;
  }
  80% {
    opacity: 1;
    left: -2px;
  }
}


</style>

</html>

27-02-2023, 21:44:08

#2

hakancevik

pm atın yardım edeyim hocam vaktim boş şuan

27-02-2023, 21:47:36

Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.

shentaweb

WordPress

Bunu olduğu gibi html dosyasına yapıştırırsanız aynı görünüm çıkacaktır;

<html>

<head>
  <meta charset="utf-8">
  <title>Site Yapım Aşamasında</title>
</head>

<body>

  <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
    <div id="yazı">█ █ █ <span style="color:black">█ █ █ █ █ █ █ █ █ █ </span>31%
      <br>&gt; Site Yapım Aşamasında&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <br>&gt; Yakında Hizmette  <span id="imleç">█</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
  </body>

<style type="text/css">
    
    body {
  background: #000;
}

div {
  color: #8002f5;
  font-family: Monaco, monospace;
  font-size: 24px;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 0;
  animation: 120ms infinite normal glitch;
}

span {
  animation: 1.5s infinite normal imleç;
}

::-moz-selection {
  background: #7021d2;
  color: #fff;
}

::selection {
  background: #7021d2;
  color: #fff;
}

@keyframes glitch {
  0% {
    opacity: 0;
    left: 0;
  }
  40%,
  80% {
    opacity: 1;
    left: -2px;
  }
}

@keyframes imleç {
  0% {
    opacity: 0;
    left: 0;
  }
  40% {
    opacity: 0;
    left: -2px;
  }
  80% {
    opacity: 1;
    left: -2px;
  }
}


</style>

</html>

27-02-2023, 21:55:05

#4

AySofTR

@shentaweb; teşekkür ediyorum hocam bu tarz bildiğiniz bir doysa varmıdır peki