Navigare rapidă

Ultimele subiecte
» No Avatars
Scris de MihaiExtremTutorials Ieri la 23:17
» Set complet de iconuri
Scris de drax Ieri la 11:25
» Butoane Subiecte Multicolor
Scris de drax Ieri la 11:23
» Tema noua pe Extrem Tutorials
Scris de DariusBr Joi 27 Apr - 14:30
Cuvinte-cheie

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

Ajax Loading impreuna cu ToolBar


Demo:

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta 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