Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

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

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
3
Cevap
0
Favori
652
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • Merhaba sadıçlar,

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

    Görüntü :

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


    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.







  • 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?
    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz. DH’ye girerek kullanım izni vermiş sayılırsınız.
Anladım Veri Politikamız