Telefonlarda sayfanın altı siyah oluyor (giriş ekranı)

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Telefonlarda sayfanın altı siyah oluyor (giriş ekranı)

Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı

1
Cevap 939
Tıklama 0
Öne Çıkarma

1. sayfa

Telefonlarda sayfanın altı siyah oluyor (giriş ekranı)

Cevap Yaz

Egen ccaann

8 yıl (176 mesaj)

Teğmen

Konu Sahibi

Merhaba sadıçlar,

bir giriş panelim var. Bu panel bilgisayarda sorun olmuyor. Ama telefonlarda altı siyah oluyor.

Görüntü :

< Resime gitmek için tıklayın >

Kodlar ise şöyle :

<!DOCTYPE html>
<html>
<head>
	<title>Giriş</title>
</head> 
  
 <body> 
 <form id="giris" name="login" method="post" action=""> 
   <input type="text" class="kuladt" name="kullanici" placeholder="Kullanıcı Adı"><br /> 
   <input type="password" class="sifret" name="sifre" placeholder="Şifre"><br />
   <input type="checkbox" name="">
   <label style="color: black;position: relative;top: -5px;"><b>Beni hatırla</b></label>
   <div id="butonlar">
   <button type="submit" name="girisb" style="position: relative;top: 50px;left: -140px;">Giriş</button>
   <button type="button" name="iptalb" style="position: relative;top: 10px;left: 140px;">İptal</button>
   </div>

   <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=131372298&url=#" onmouseover="this.style.color = 'black'" onmouseout="this.style.color = 'blue'" style="position: relative;top: -80px;left: 150px;text-decoration: none;color: blue;" data-href="#" onmouseover="this.style.color = 'black'" onmouseout="this.style.color = 'blue'" style="position: relative;top: -80px;left: 150px;text-decoration: none;color: blue;">Şifremi unuttum</a>
   <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=131372298&url=#" onmousemove="this.style.color = 'black'" onmouseout="this.style.color = 'blue'" style="position: relative;top: -50px;left: 67.5px;text-decoration: none;color: blue;" data-href="#" onmousemove="this.style.color = 'black'" onmouseout="this.style.color = 'blue'" style="position: relative;top: -50px;left: 67.5px;text-decoration: none;color: blue;">Kayıt ol</a>

 </form>

 <canvas id="tuval"></canvas>

 <style type="text/css">
 	
 	*{

 		margin: 0;
 		padding: 0;

 	}

 	body{

 		background: black;

 	}

 	canvas{

 		display: block;
 		position: fixed;
 		top: 0;
 		left: 0;
 		z-index: -1000;

 	}

 	#giris{

 		width: 400px;
 		background-color: rgba(0, 155, 0, 0.7);
 		padding: 25px;
 		margin: 15% auto;
 		border-radius: 10px;

 	}

 	input.kuladt, input.sifret{

 		height: 40px;
 		width: 375px;
 		font-size: 18px;
 		padding: 5px;
 		margin-bottom: 15px;
 		border-radius: 7px;
 		background-color: rgba(255, 255, 255, 0.5);
 		border: none;
 		color: #000;

 	}

 	#giris button{

 		width: 100px;
 		font-size: 18px;
 		display: block;
 		margin: 0 auto;
 		background-color: #009933;
 		border: none;
 		height: 40px;
 		border-radius: 5px;

 	}

 </style>

<script type="text/javascript">
	
	var tuval = document.getElementById("tuval");
	var tuval2d = tuval.getContext("2d");

	tuval.height = window.innerHeight;
	tuval.width = window.innerWidth;

	var karakterler = "10";

	karakterler = karakterler.split("");

	var yaziboyutu = 18;
	var sutun = tuval.width / yaziboyutu;

	var damla = [];

	for (var i = 0; i < sutun; i++) {
		damla[i] = 1;
	}

	function cekmek(){

		tuval2d.fillStyle = "rgba(0, 0, 0, 0.05)";
		tuval2d.fillRect(0, 0, tuval.width, tuval.height);

		tuval2d.fillStyle = "#0F0";
		tuval2d.font = yaziboyutu + "px arial";

		for (var ii = 0; ii < damla.length; ii++) {

			var yazi = karakterler[Math.floor(Math.random() * karakterler.length)];

			tuval2d.fillText(yazi, ii * yaziboyutu, damla[ii] * yaziboyutu);

			if (damla[ii]*yaziboyutu > tuval.height && Math.random() > 0.975) {

				damla[ii] = 0;

			}

			damla[ii]++;

		}

	}

	setInterval(cekmek, 33);

</script>

</body>
</html>

Lütfen yardım edin.

Cevaplarınız için şimdiden çok teşekkür ederim.

İyi günler dileğiyle.

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

DoubleDragon

8 yıl (6035 mesaj)

Yarbay

Merhaba sadıç,
body'nin CSS'ine height: 100%; ekle. Yani şöyle olsun.

body{
background: black;
height: 100%;
}

Şimdi kontrol et bakalım istediğin gibi oldu mu?

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Telefonlarda sayfanın altı siyah oluyor (giriş ekranı)