Gomb - fel - a joomla weboldal

Mi a gomb „Back” a Joomla webhely

Végre gomb „Back” a Joomla webhely nélkül harmadik fél kiterjesztések, snap. Ehhez annyit kell tennie, 5 egyszerű lépésben.

1. Egyedi szkript feltöltése a webhely könyvtárában;
2. Tölts fel egy képet a gomb „Top” a webhely könyvtárában;
3. Add PHP kódot a sablon a honlapon;
4. Tegyen fel egy CSS stílus „Vissza” gomb;
5. Csatlakoztassa a jQuery könyvtár a helyszínen.

Az első lépések.

De mielőtt elkezdené bármilyen munkát a szerkesztési fájlokat a helyszínen, tegyen intézkedéseket, hogy képes legyen „roll back” hiba esetén. Például, hogy egy biztonsági másolatot a webhely (Backup) a tárhely, vagy legalábbis, hogy egy másolatot a sablon a „Template Manager”.

Egyedi szkript feltöltése a webhely könyvtár

Ahhoz, hogy teljesítsük küldetésünket, egyenletes mozgás „Up” szükséges követi a forgatókönyvet.

Nos, ez a fájl toTop.js betölthető minden könyvtár honlapján. Elvileg amelyben könyvtár (mappa) betölteni érték nem iktatja. De a „rend” terhelés script (szöveges fájl toTop.js) egy mappát a munkaképes mintát, és a mappát, ahol vannak más scriptek. Ismét lehet letölteni a script egy tetszőleges mappába, de fontos a következő:

Egy kép feltöltése az „Up” gombot a webhely könyvtár

Töltse le a képet a honlap könyvtár közelebb a gyökér, a képeket tartalmazó mappát.

Add PHP kódot a sablon a honlap

Ahhoz, hogy a script működik, meg kell tenni egy különleges, erre a script, PHP kódot helyezünk a honlapon.

Az alábbi kód kerül „Sablon főoldalon az oldalon”, mielőtt a címke .Ehhez jelentkezzen be az adminisztrációs panel a jobb oldalon supeadministratora. Nyisd meg a

Extensions → Template Manager → Stílusok → Sablon → Mester Sablonfájlok - Változás a minta a főoldalon

Ebben a kódot, behelyezése előtt, a változó beillesztése az adatok honlapon:

Ha a szkript nevét tettél eltérő toTop.js, az attribútum értéke hrefpomenyayte id = „Az oldal tetejére”, a szkript nevét.

Tegyen fel egy CSS stílus „Vissza” gomb

Kattintson a „Vissza” annak szükségességét, hogy az oldalon. Ehhez a CSS fájlt, állítsa a gomb stílusát.

Például kínálok egy CSS kódot. A gomb a jobb oldalon, alul, és látható lesz, ha az oldal görgethető. Itt egy példa a kódot gombra a felső stílus:

Extensions → Template Manager → Stílusok → Sablon → Mester Sablonfájlok → Style Sheets

De lehet, hogy a probléma. Táblázat stílusok honlapon eltérhet templates.css .Egy megérteni, mi CSS fájlt be kell helyeznie a kódot, nyissa meg a főoldalon a helyszínen, ami már láthatónak kell lennie a képet, a „Fel”.

Csatlakoztassa a jQuery könyvtár

Csatlakoztassa a jQuery könyvtár a helyén, ezt a tételt hagytam utoljára, mert a helyszínen már csatlakoztatható a jQuery könyvtár.

Miután ezt az első három tétel, menjen a helyszínre, a gomb láthatónak kell lennie. Kattints rá. Ha a görgetés nem történik meg, vagy az oldalt ugrott, „Top”, majd a jQuery nincs csatlakoztatva.

Annak érdekében, hogy a plugin a jQuery könyvtár közelében JB Library Plugin. lehetséges anélkül, hogy a bővítmény könnyebb. Helyezze be a következő kódot a fő sablon, a címke elé .

Ez a kód fog kapcsolódni a helyszínen, hogy a jQuery könyvtár (1.7 verzió) Google szerver.

Ezen a gomb „Back” az oldalon az összes Joomla!

A végén azt megjegyezni, hogy Blagodyarya ütközzenek között jQuery könyvtár és a Mootools, szinte minden Joomla 3.x sablonokat Joomla 3.x rendelkezik beépített gombok „up”.

Kapcsolódó cikkek