Hogyan készítsünk egy gombot a helyszínen, hogy mászni a csúcsra

Hogyan készítsünk egy gombot a helyszínen, hogy mászni a csúcsra.

1. lépés: Helyezze a fel / oldal tetején.

Ez a szöveg lényeges, amit minden oldalon a webhely, hogy felhívja a forgatókönyvet, és hozzárendeli a fel képet. Ha van egy dinamikus hely (összes CMS, mint a Joomla, WordPress, Drupal és egyéb CMS dinamikusak, azaz a lap keletkezik idején áttétel), akkor ajánlatos a sablont, ha az oldal használatával több mint egy sablont, majd a minden sablonokat használ, és egyébként a sablonokat, hogy nem adja meg, nem rendelkezik ezzel a gombbal.







A fel Joomla. Helyezze be index.php, ami található your_site / templates / vasha_tema címkék között , Én alapvetően ki közvetlenül a címke elé .

Fel gomb uCoz. Szerkesztésében a sablon (design menedzsment - alsó rész), hogy az alján a kódot, mielőtt a záró .

Más CMS és statikus oldalakat. Ha már behelyezett számláló Yandex mérőszámok, LiveInternet, ezt a kódot kell beilleszteni ugyanazon a helyen, és a kódot a számlálók. Alapvetően ez egy index.html fájlt, index.php sablonokat. Ha nem egy statikus cm, szükséges regisztrálni az egyes oldalakon.

2. lépés: Állítsa be a stílus a fel / oldal tetején.

Meg kell, hogy hozzon létre egy stílust, és helyét a felső gombot. majd másolja az alábbi szöveget erre van szüksége:
#toTop helyzet: rögzített;
alsó: 20 képpont;
jobbra: 2px;
háttér: none;
kurzor: pointer;>

Gombot a tetején a Joomla. Azt hogy your_site / templates / vasha_tema / CSS fájlok kiterjesztése css lehet sok, valószínűleg template.css vagy general.css.







Gombra az oldal tetején uCoz. Helyezze az alsó Hivatal Design - Style Sheet (CSS).

Más CMS és statikus oldalakat. Amennyiben meg a stílus az Ön oldalára illessze be ezt a kódot.

3. lépés: A kép és a forgatókönyvet.

Mentés és változtassa meg a nevét és kiterjesztését toTop.js.

Lépés 4. Csatlakoztassa jQuery.

Sok helyen, ez a script nem fog áttérni simán felfelé, egyszerűen csak hozzá „#”, és indítsa újra a helyén, azért van, mert jQuery nincs csatlakoztatva. Meg kell csatlakoztatni. Néhányan, akik már évek óta dolgozik a helyszínen, hogy a jQuery, akkor biztosan már csatlakozik és akkor nem lehet újra csatlakozni. JQuery csatlakozni egy hely, hajtsa végre a következő lépéseket:

Joomla. Ugyanaz a fájl, amely kimondta, az 1. lépésben.

Más CMS és statikus oldalakat. Ha az oldal statikus (nem használt CMS - motor) - alternatív összes oldal dinamikus oldalak más CMS - az a része a sablon (téma), ahol a fej részén található. Keresse meg a HEAD szakaszában - minden, ami a nyitó és záró tag: ... és növeli annak legvégén, a zárás előtt az alábbi kódot.

Ebben az esetben, ez köti össze a google jquery, ha nem akarja, hogy egy harmadik fél forrás, akkor a második módszer.

A telepítés a felső gombot tenni. Ezután kiválaszthatja a gombot a honlapjára, és olvasd el, hogyan lehet egy egyszerű szöveges képek helyett.

Arrow emeletre is máshogy néznek ki. Úgy döntött, hogy te egy kicsit könnyebb dolgozni, és felvette a képet, át őket PNG formátumú, háttér kivágott, hogy azok átláthatók. Made maximális mérete 80px, annál úgy gondolja, ez nem szükséges. Nyugodtan használja őket. Edit: változtatni a színét, méretét, szöveget és a háttér. Letölteni őket, felett lebeg a kedvenc képet, kattintson jobb egérgombbal, és válassza a Mentés parancsot.

Hogyan képek helyett a szöveg tetején található gombot.

Ehhez meg kell tennie a következőket:

Csere:
emeleti

És módosítsa a CSS:
#toTop szélesség: 89px;
magasság: 24px;
háttér: # D9DAEE;
-moz-border-radius: 50 képpont;
-WebKit átnyúló-sugár: 50 képpont;
határ-sugár: 50 képpont;
összesen: fix;
alsó: 30px;
jobbra: 2px;
text-align: center;
text-decoration: none;
font-size: 12pt;
color: # 1A2534;
kurzor: pointer;>

Rendeljen egy weboldal >>
által SEOKlub