0
Kayıt Ol

Sayfa yükleniyor Kodu düzenleme ?

8

●

930

  • 09-03-2017, 11:03:10
    #1
    CougaR
    CougaR
    Kurumsal Üye | R10 19.YIL
    Arkadaşlar aşağıdaki kod ile bu işlemi gerçekleştirdim ama yükleniyor iletisi bir anda kapanıyor ben sayfam yüklendik sonra loading sayfasından web site arayüzüne yavaş akıcı biçimde geçmesini istiyorum nasıl yapabilirim ?

    Alıntı
    <style type="text/css">
    div.hbcne{position:fixed;z-index:4000;}
    div.hgchd{top:0px;left:0px;}
    div.hbcne{_position:absolute;}
    div.hgchd{_bottom:auto;_top:expression(ie6=(docume nt.documentElement.scrollTop+document.documentElem ent.clientHeight - 52+"px") );}</style>

    <div id="yukleme" style="background-color:#ffffff; width:100%;height:100%;padding-top:20%;" class="hbcne hgchd">

    <center><a style="font-size:19px;color:#3b5998;">Sayfa Yükleniyor</a><br/><br/>

    <a style="background-color:transparent;border:none;padding:0px;margin:0 px;">
    <img style="padding:0px;margin:0px;background-color:transparent;border:none;width:64px;height:64 px;"
    src="img/yukle.gif" /></a></center></div>
    <script type="text/javascript">
    document.addEventListener("DOMContentLoaded", function() {setTimeout('document.getElementById("yukleme").st yle.display="none"', 1000);});
    </script>
  • 09-03-2017, 11:26:03
    #2
    lovemove
    lovemove 
    <div id="yukleme" style="background-color:#ffffff; width:100%;height:100%;padding-top:20%; transition: 'all 0.5s ease-in-out'; -webkit-transition: all 0.5s ease-in-out" class="hbcne hgchd">
    bu kullandığın divi benim gönderdiğimle değiştir bakalım neler oluyor... denemedim ama muhtemelen yavaş geçiş sağlayacaktır...
  • 10-03-2017, 10:05:21
    #3
    CougaR
    CougaR
    Kurumsal Üye | R10 19.YIL
    lovemove adlı üyeden alıntı: mesajı görüntüle 
    <div id="yukleme" style="background-color:#ffffff; width:100%;height:100%;padding-top:20%; transition: 'all 0.5s ease-in-out'; -webkit-transition: all 0.5s ease-in-out" class="hbcne hgchd">
    bu kullandığın divi benim gönderdiğimle değiştir bakalım neler oluyor... denemedim ama muhtemelen yavaş geçiş sağlayacaktır...
    Malesef işe yaramadı hocam sayfa yükleniyor yazısı takılı kaldı siteye geçmiyor.
  • 11-03-2017, 00:57:58
    #4
    lovemove
    lovemove
    CougaR adlı üyeden alıntı: mesajı görüntüle
    Malesef işe yaramadı hocam sayfa yükleniyor yazısı takılı kaldı siteye geçmiyor.
    sayfa adresini gönderirsen bakalım hocam...
  • 11-03-2017, 10:37:51
    #5
    CougaR
    CougaR
    Kurumsal Üye | R10 19.YIL
    lovemove adlı üyeden alıntı: mesajı görüntüle
    sayfa adresini gönderirsen bakalım hocam...
    üstad şirket sitesi olduğu için özelden gönderdim ilgi ve alakan için çok teşekkürler.
  • 12-03-2017, 02:13:31
    #6
    lovemove
    lovemove
    document.getElementById("yukleme").st yle.display="none"

    syntax hatası var burada st yle birleşik olacak...
    birleşik yaptıktan sonra tekrar bakalım..
  • 12-03-2017, 10:28:08
    #7
    seogrenci
    seogrenci
    CougaR adlı üyeden alıntı: mesajı görüntüle
    Arkadaşlar aşağıdaki kod ile bu işlemi gerçekleştirdim ama yükleniyor iletisi bir anda kapanıyor ben sayfam yüklendik sonra loading sayfasından web site arayüzüne yavaş akıcı biçimde geçmesini istiyorum nasıl yapabilirim ?
    Hocam kodlarda çok oynamadım.

    <center> etiketinini kullanmayın. HTML5 ile desteği kalktı.

    Kodlarınızda yüklenmeyi 1 sn sonra kaldırıyorsunuz. Bu insanlara sıkıcı gelebilir. Sadece sayfa yüklendiğinde kaldırılmasını sağlarsanız daha iyi olacaktır. Yoksa her sayfada veya her yenilemede 1sn yükleniyor görmek istemezler kullanıcılar.(yani window.onload kullanın)

    Satır için CSS kullanımını azaltın (style="").

    Buyrun sadece hatanın düzeltilmiş hali;

    http://codepen.io/anon/pen/xqdjBe

    Bunu kullansanız iyi olacaktır dediğim hali

    http://codepen.io/anon/pen/LWymvw

    Hayırlı günler dilerim.
  • 13-03-2017, 09:18:59
    #8
    CougaR
    CougaR
    Kurumsal Üye | R10 19.YIL
    lovemove adlı üyeden alıntı: mesajı görüntüle
    document.getElementById("yukleme").st yle.display="none"

    syntax hatası var burada st yle birleşik olacak...
    birleşik yaptıktan sonra tekrar bakalım..
    şimdi yükleniyor sayfası gidiyor anasayfaya düşüyor ama akıcı şekilde geçmiyor hocam biranda sayfa açılıyor.





    seogrenci adlı üyeden alıntı: mesajı görüntüle
    Hocam kodlarda çok oynamadım.

    <center> etiketinini kullanmayın. HTML5 ile desteği kalktı.

    Kodlarınızda yüklenmeyi 1 sn sonra kaldırıyorsunuz. Bu insanlara sıkıcı gelebilir. Sadece sayfa yüklendiğinde kaldırılmasını sağlarsanız daha iyi olacaktır. Yoksa her sayfada veya her yenilemede 1sn yükleniyor görmek istemezler kullanıcılar.(yani window.onload kullanın)

    Satır için CSS kullanımını azaltın (style="").

    Buyrun sadece hatanın düzeltilmiş hali;

    http://codepen.io/anon/pen/xqdjBe

    Bunu kullansanız iyi olacaktır dediğim hali

    http://codepen.io/anon/pen/LWymvw

    Hayırlı günler dilerim.

    2. verdiğin güzel ancak sayfam yüklenmeden sayfa açılıyor hocam ben css ile background kullanmıştım onu yükleniyor sayfası perdelemiyor.


    Biröncekide benim asıl yapmak istediğim websayfa yüklendik sonra yükleniyor sayfası yavaş bir şekilde kaybolsun bir anda kapanmasın. verdiğiniz linktede benim kodlardada bir anda tak diye resim çıkıyor yavaş yavaş çıkartamadım birtürlü.
  • 13-03-2017, 13:58:48
    #9
    seogrenci
    seogrenci
    Sitenin bir anda açılmasını istemiyorsanız CSS3 animation kullanmanız gerekiyor.

    Sayfanızın içeriği örneğin #sayfa olsun diyelim.

    #sayfa CSS ile seçerek bir animasyon yaparak sayfanız yumuşak bir şekilde açılmasını sağlayabilirsiniz.

    Animasyonu kendiniz yazmak istemiyorsanız animate.css kullanabilirsiniz.

    Hazırlamış olduğunuz sayfanın nasıl bir yapıda olduğunu göremediğim için mantığını anlatmaya ve örnekleri genel kullanım şekline göre verdim.

    Hayırlı günler dilerim.

    CougaR adlı üyeden alıntı: mesajı görüntüle
    şimdi yükleniyor sayfası gidiyor anasayfaya düşüyor ama akıcı şekilde geçmiyor hocam biranda sayfa açılıyor.


    2. verdiğin güzel ancak sayfam yüklenmeden sayfa açılıyor hocam ben css ile background kullanmıştım onu yükleniyor sayfası perdelemiyor.


    Biröncekide benim asıl yapmak istediğim websayfa yüklendik sonra yükleniyor sayfası yavaş bir şekilde kaybolsun bir anda kapanmasın. verdiğiniz linktede benim kodlardada bir anda tak diye resim çıkıyor yavaş yavaş çıkartamadım birtürlü.