Pentru a accesa toate paginile forumului
te rugăm să te înregistrezi
[ Cereri şabloane · Ultimile postări · Membrii · Regulamentul forumului · Căutare · RSS · Photoshop ]
  • Pagina 1 din 2
  • 1
  • 2
  • »
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Diverse » ''Pagina se încarcă'' / Load-er / Încărcare
''Pagina se încarcă'' / Load-er / Încărcare
StapanulData: Duminică, 2012-06-10, 4:53 PM | Mesaj # 1
Neconectat
 Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - pe care pagină dorim să apară, adăugăm codurile de mai jos. Codul îl punem între <head> şi </head>:

Code
<div style="position:relative">         
         <div id="pg-loading" onclick="this.style.display='none'" style="position:fixed;         
top:374px; left:647px; display:none; font-family:tahoma; font-size:8pt; background:rgba(1,2,3,6.8); color:#fff; padding:4px 8px 4px 8px; z-index:999; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Se_incarca.png" alt="" align="absmiddle" /> <b>Se încarcă...</b></div>         
         </div>         
         <script async type="text/javascript">         
         document.getElementById('pg-loading').style.display='';         
         </script>         
         <script>$('#pg-loading').fadeIn(1000);$('#pg-loading').fadeIn(1);</script>


Iar acest cod după <body>:

Code
<script>$('#pg-loading').fadeOut(1600);$('#pg-loading').fadeOut(1400);</script>


top:374px; left:647px; - Aici schimbăm poziţia imaginii de încărcare. La mine s-a primit cam la mijlocul site-ului să apară.

Rezultatul:
 
OmulPaianjenData: Duminică, 2012-07-22, 6:44 PM | Mesaj # 2
Neconectat
 A 2-a variantă de instalare:

Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Partea superioară a site-ului] - nu ștergeți niciun cod de aici, doar adăugați acesta:

Code
<span id="load" style="display:none; position:absolute; background:url(http://fierbinte.ucoz.ro/Forum/Diverse/Diverse_2/Incarcare/Textul_pagina_se_incarca.png); left:43%; top:50%; width:162px; height:51px; border:0px;"><table><tr><td height="22px"></td></tr><tr><td height="25px" width="162px" align="center"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Diverse_2/Incarcare/incarcare.gif" width="40px" height="40px"></td></tr></table></span>    
    <script type="text/javascript">    
    function show_load(state, wait)    
    {    
    if(state > 0)    
    document.getElementById("load").style.display = "block";    
    else    
    setInterval('document.getElementById("load").style.display = "none"', wait=1000);    
    }    
    </script>    

    <script type="text/javascript">    
    show_load(1, 0);    
    </script>

      <script type="text/javascript" src="?p=38722&t=3"></script>     
     <script type="text/javascript">     
     show_load(0,1000);     
     </script>


* Pentru a schimba poziția ''încărcării'', editați acest cod: left:43%; top:50%;

Rezultatul:
 
OmulPaianjenData: Joi, 2012-07-26, 1:39 PM | Mesaj # 3
Neconectat
 Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Partea superioară a site-ului] - înaintea codurilor de aici, adăugați codul de mai jos.

Code
<div id="loading" style="z-index:4;border:2px solid #9b9b9b;background:#f4f4f4;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;display:none;margin:5px;font-family:tahoma;font-size:10pt;position:fixed;top:35%;left:42%;padding:12px;"><center><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Diverse_2/Incarcare/Maxim.gif"><br><small style="color:#7b7b7b;">Pagina se încarcă</small><br>Vă rugăm, așteptați!</center></div>    
    <script>$('#loading').fadeIn(1000);$('#loading_fon').fadeIn(800);</script><div id="loading" style="z-index:4;border:2px solid #9b9b9b;background:#f4f4f4;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;display:none;margin:5px;font-family:tahoma;font-size:10pt;position:fixed;top:35%;left:42%;padding:12px;"><center><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Diverse_2/Incarcare/Maxim.gif"><br><small style="color:#7b7b7b;">Pagina se încarcă</small><br>Vă rugăm, așteptați!</center></div>    
    <div onclick="$('#loading').fadeOut(1600);$('#loading_fon').fadeOut(1400);" id="loading_fon" style="display:none;z-index:3;position:fixed;top:0;left:0;background:black;opacity:0.2;-moz-opacity:0.2;width:100%;height:100%;"></div>    
    <script>$('#loading').fadeOut(1600);$('#loading_fon').fadeOut(1400);</script>


Rezultatul:
 
OmulPaianjenData: Vineri, 2012-08-17, 12:55 PM | Mesaj # 4
Neconectat
 Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - pe paginile unde aveți nevoie de acest aspect al încărcării paginii, după <body> (sau la sfârșitul paginii) adăugați:

Code
<script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Diverse/Diverse_2/Incarcare/Incarcare_3.js"></script>   
<script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Diverse/Diverse_2/Incarcare/Incarcare_Jq_3.js"></script>   
<script type="text/javascript">   
$(document).ready(function(){   
   $.blockUI({message:'Așteptați puțin, pagina se încarcă...<br><br><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Diverse_2/Incarcare/Incarcare_3.gif" border="0" alt=""><br><br><a href="javascript://" onclick="$.unblockUI();return false;" style="font-size:7pt;">Închide<\/a>',css:{background:'#fff',border:'5px solid #e0e0e0',padding:'3px',overlayCSS:{background:'#ffffff',opacity:.9}}});   
   $(window).load(function(){   
   $.unblockUI();   
   });   
});   
</script>


Rezultatul:
 
LiberData: Miercuri, 2012-08-29, 9:24 PM | Mesaj # 5
Neconectat
 Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - alegem pagina/paginile unde dorim să folosim acest script și, mai întâi, înainte de <html> adăugăm:

Code
<div id="loading" style="position: fixed;margin:-125px -130px 0;top:50%;left:50%;width:250px;height:100px;border: #33ff00 1px solid;border-radius:5px;background:#000000;color: #ffffff;font: 12px tanoma;"><center><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Diverse_2/Incarcare/Incarcare_negru.gif"><br><small style="color:#7b7b7b;">Pagina se încarcă</small><br>Vă rugăm să așteptați...</center></div>   
<div onclick="$('#loading').fadeOut(1600);$('#loading_fon').fadeOut(1400);" id="loading_fon" style="display:none;z-index:3;position:fixed;top:0;left:0;background:black;opacity:0.2;-moz-opacity:0.2;width:100%;height:100%;"></div>


tot pe aceeași pagină, după </head> adăugăm:

Code
<script>$('#loading').fadeIn(1000);$('#loading_fon').fadeIn(800);</script>


iar la sfârșit, după </html> băgăm codul:

Code
<script>$('#loading').fadeOut(1600);$('#loading_fon').fadeOut(1400);</script>


Rezultatul:
 
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Diverse » ''Pagina se încarcă'' / Load-er / Încărcare
  • Pagina 1 din 2
  • 1
  • 2
  • »
Căutare:
Copyright © 2019. Toate drepturile rezervate
Politicieni | Acţiunea 2012 | Powered by uCoz