Navigare rapidă

Ultimele subiecte
» Prezentare Cristian
Scris de cristiankiss Mar 20 Iun - 8:12
» Prezentare Petronel YT
Scris de Cătălin. Vin 16 Iun - 1:45
» [punbb] eteral-game v2
Scris de Petronel™ Joi 8 Iun - 18:20
» Tema InvizionVirus
Scris de Petronel™ Joi 8 Iun - 18:19
» [punbb] xretrogradatii theme 2016
Scris de Petronel™ Joi 8 Iun - 18:17
Cuvinte-cheie

tutorial  phpBB2  punbb  navigare  menu  Statistici  cautare  Metin2  html  reclama  radio  profil  banner  ultimele  meniu  tema  subiecte  animate  legenda  drop  Bara  edit  avatar  subforumuri  Mesaje  chenar  

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