Design-ul "Engine" de la Studio a decis să descrie modul de realizare a unei pagini de preloader sau a aspectului neted al conținutului. Descriim același mod ca și încărcarea paginii web a oricărui site. De asemenea, în acest articol puteți vedea o resursă utilă pentru crearea sau selectarea imaginilor preloader.
Cum se încarcă pagina web?
Cum se instalează o imagine preloader pe site-ul Opencart
încărcarea indicatorilor
$ (fereastră) .on ('load', funcție () var $ preloader = $ ('# page-preloader'
$ spinner = $ preloader.find ('.spinner');
$ spinner.fadeOut ();
$ preloader.delay (350) .fadeOut ('lent');
>);
// Încărcați indicatorii END
De asemenea, puteți pune acest cod în fișierul dvs., dar apoi trebuie să-l puneți în fișier: / www / SITE-UL / catalog / view / theme / * / template / common / header.tpl
în corp. de exemplu:
în acest fișier am plasat și codul de mai sus.
2. După eticheta după
(aflat în fișierul: / www / SITE-UL / catalog / view / theme / * / template / common / header.tpl) adăugați codul:3. În fișierul stilurilor de șabloane: / www / SITE-UL / catalogul / vizualizarea / tema / * / stylesheet / stylesheet.css - atribuiți stilurile:
# Poziție de preloader: fixă;
stânga: 0;
top: 0;
dreapta: 0;
fund: 0;
fundal: # 000;
z-index: 100500;
>
# pre-încărcare pagină; lățimea sprinterului: 32px;
înălțime: 32px;
poziția: absolută;
stânga: 50%;
top: 50%;
fundal: url (.image/load.gif) centru no-repeat;
margine: -16px 0 0 -16px;
>
În cazul în care indicatorul este o simplă animație gif - load.gif (îl lăsăm în / www / site-ul dvs. / catalog / vizualizare / temă / * / imagine)
Serviciu cu indicatori de descărcare. Descărcați indicatorii de descărcare
Iată un site web pentru crearea sau descărcarea fișierelor preloader: preloaders.net/en
Asta e tot, dacă vrei să "mulțumești" portalul nostru de informații despre dezvoltarea web - ai o astfel de oportunitate: în dreapta există opțiuni pentru donări pentru dezvoltarea portalului. Sau distribuiți un articol în serviciile sociale prin serviciile de mai jos.
Materiale înrudite:
Trimiteți-le prietenilor: