Button - up - cu site-ul joomla

Ce este butonul „Înapoi“ de pe site-ul Joomla

Butonul „Înapoi“ de pe site-ul Joomla fără extensii terțe părți Punerea în aplicare, de completare snap. Pentru a face acest lucru trebuie să faci 5 pași simpli.

Încărcați un script personalizat în directorul site-ului;
Încărcați o fotografie pentru butonul „Top“ în directorul site-ului;
Adăugați cod PHP în șablonul paginii de start;
Cere un stil CSS butonul „Înapoi“;
Conectați biblioteca jQuery la site-ul.

Primele lucruri mai întâi.

Dar, înainte de a începe orice lucrare cu privire la editarea de fișiere de pe site-ul dvs., să ia măsuri pentru a fi în măsură să „rostogolească înapoi“ în caz de eroare. De exemplu, faceți o copie de rezervă a site-ului (backup) pe dvs. de găzduire, sau cel puțin, face o copie a șablonului în „Template Manager“.

Încărcați un script personalizat în directorul site-ului

Pentru a-și îndeplini misiunea noastră, este necesară o mișcare lină „Up“ în urma script-ul.

Acum, acest fișier toTop.js fi încărcate în orice site-ul director. În principiu, în care directorul (folder) pentru a încărca valoarea nu fișier. Dar pentru „comanda“ script-ul de încărcare (toTop.js fișier text) într-un dosar cu model de lucru și un dosar în cazul în care există alte script-uri. Din nou, puteți descărca script-ul în orice dosar, dar este important următoarele:

Încărcați o fotografie pentru butonul „Up“ pe directorul site-ului

Descărcați imaginea în directorul site-ul mai aproape de rădăcină, în dosarul de imagine.

Adăugați cod PHP în șablonul paginii de start

Pentru scriptul nostru pentru a lucra, trebuie să plasați un special, pentru acest script, codul PHP este plasat pe pagina de start.

Următorul cod este plasat în „pagina principală a site-ului Template“, înainte de eticheta .Pentru a face acest lucru, conectați-vă la panoul administrativ de pe site-ul supeadministratora dreapta. Deschideți

Extensii → Template manager → Styles → Fișiere șablon → master șablon - Schimbarea modelului paginii principale

În acest cod, înainte de a introduce, schimbarea, introducerea site-ul său de date:

Dacă numele de script-ul le-ați făcut, altele decât toTop.js, valoarea atributului hrefpomenyayte id = „toTop“, numele său de script-ul.

Butonul Cere un stil CSS „Înapoi“

Faceți clic pe „Back“ cu privire la necesitatea de a plasa site-ul. Pentru a face acest lucru în fișierul CSS, setați stilul de buton.

De exemplu, am oferi un cod CSS. Butonul este pe dreapta, mai jos, și vor fi vizibile atunci când pagina este defilat. Aici este un exemplu de buton cod în partea de sus în stil:

Extensii → Template manager → Styles → Fișiere șablon → master șablon → Style Sheets

Dar poate exista o problemă. Stiluri de tabel pentru pagina de start poate fi diferită de templates.css .Pentru a înțelege ce fișier CSS trebuie să introduceți codul, deschide pagina principala a site-ului, care deja trebuie să fie imagine vizibilă, „Up“.

Conectați biblioteca jQuery

Conectați biblioteca jQuery la site-ul, acest articol am plecat în cele din urmă, ca site-ul dvs. poate fi deja conectat la biblioteca jQuery.

După ce faci primele trei elemente, du-te la site-ul, butonul ar trebui să fie vizibil. Faceți clic pe ea. În cazul în derulare nu se întâmplă, sau pur și simplu pagina a sărit, „Top“, atunci jQuery nu este conectat.

Pentru a activa plugin utiliza biblioteca jQuery: JB Biblioteca Plugin. posibil fără plugin-ul mai ușor. Se introduce următorul cod în pagina principală șablon, înaintea etichetei .

Acest cod va conecta site-ul la biblioteca jQuery (versiunea 1.7), serverul Google.

Pe aceasta despre butonul „Înapoi“ de pe site-ul toate Joomla!

În final, observăm că Blagodyarya elimina conflictele dintre bibliotecă jQuery și Mootools, în aproape toate Joomla template-uri 3.x pentru Joomla 3.x au un built-butoane „sus“.