Navigare rapidă

Ultimele subiecte
» Light Bright Template
Scris de kresk0va^ Joi 14 Dec - 22:35
» Wireless ipb theme [punBB]
Scris de Madross Dum 3 Dec - 23:59
Cuvinte-cheie

edit  

Ajax Loading impreuna cu ToolBar


Demo:

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Cod javascript ( amplasare: all pages )

Cod:
jQuery(function() {
              jQuery('body').prepend('<div id="ajax_loading" style=""><img src="http://i58.servimg.com/u/f58/17/89/00/23/ajax_l10.gif" alt="Loading..."></div>');
              jQuery('a').click(function() {
                  jQuery('#ajax_loading').slideDown();
                  setTimeout('load()', 1000);
              });
            });
            function load() {
              jQuery('#ajax_loading').slideUp('1000');
            }
            setTimeout('load()', 1000);
Cod CSS:

Cod:
  #ajax_loading {
            background: url("http://i58.servimg.com/u/f58/17/89/00/23/ajaxlo10.png") repeat-x scroll 0px 0px transparent;
            border: 1px solid rgb(123, 166, 13);
            border-radius: 0px 0px 5px 5px;
            box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.2) inset;
            color: rgb(255, 255, 255);
            left: 46%;
            padding: 5px 0px 8px;
            position: fixed;
            text-align: center;
            top: 0px;
            width: 8%;
            z-index: 999;
        }
Dupa ce ati adaugat codurile mergeti la :

Module ~> Bara de instrumente ~> Configurare ~> Atasati bara de instrumente : ( Bifati NU ) ~> Inregistrare

si gata ajax loading o sa va apara peste toolbar nestricand aspectul barei si nici imaginile din ea




Acest tutorial este scris de Tecko pentru Extrem Tutorials. Reproducerea acestui tutorial este interzisa fara acordul autorului.
Pastrati drepturile de autor nu mai tot plagiati atat si folositiva capu nu degeaba il aveti pe umeri...

Comentariile utilizatorilor

Fii primul care comenteaza acest articol