Hogyan készítsünk egy gombot „fel” egy weboldal vagy blog meghatározott felső gomb az oldalon, egy céges honlap Paul

Azt hiszem, mindenki megérti a lényegét a gombokat. Reading egy hosszú, érdekes bejegyzést az oldalon, amikor a látogató az oldal végén, és neki utána sokáig nem kapcsolja ki a görgővel, ő rákattint a gombra „fel”, és azonnal az oldal elejére főmenü áll a rendelkezésére.

Állítsa be a gomb „fel” a honlapon:

Végén ezt a cikket, töltse le az archívum két fájlt: kész html-oldal és a kép (nyíl „up”). Meg tudja nyitni a html-oldal minden böngésző és látni a munkát a gombok „felfelé”.

VIGYÁZAT. A script a csatlakoztatni kívánt jQuery könyvtár. előtt js-kódot. Ha már csatlakoztatva van, majd illessze be a kódot a fő fájl webhely közötti tag fejét. Általában, a fő fájl index.html index.php. Blog Wordpress javasoljuk, hogy helyezze be a fájl header.php sablont az Ön honlapján. Ha van egy egyszerű statikus html-site, akkor kell, hogy illessze be minden oldalon.

2. Adjuk hozzá a gomb „up” stílus, css kód:

Ezt a kódot a css-stylesheet style.css a helyén, vagy a sablon az Ön honlapján. Blogok, WordPress ezt a fájlt a mappában a téma (wp-content / themes / vasha_tema / style.css).

3. Add html-kód "up" gombra:

Helyezzük a mester sablon a webhely a zárás előtt testet. Azt javasoljuk, hogy helyezze be a footer.php fájlt a test egy Wordpress-Blog. Ha van egy egyszerű html-site, majd illessze be minden oldalon.

4. Az archívum egy kép (nyíl „up”), Cast, hogy a gyökér a webhelyen. Ha, akik nem tudják, ez a fő mappa, amely tartalmazza az összes fájlt az Ön honlapján. Általában ez az úgynevezett httpdocs vagy public_html.

Ez az! Frissítse az oldalt, akkor a weboldal vagy blog, a jobb alsó sarokban kell jelennie „up” billentyűt, miközben az egér scroll kerék le. Meg lehet változtatni a gomb kialakítása, álom stílusok css, változtassa meg a képet a stb

Ma bekezdésében a „Motiváció - a sikerhez vezető útra,” leteszem ezt a képet:

Hogyan készítsünk egy gombot „fel” egy weboldal vagy blog meghatározott felső gomb az oldalon, egy céges honlap Paul


Töltsd le ingyen!

  • Köszönöm a „Top” - láttam néhány leírások úgy gondolja, a legjobb! - minden világos. Az egyetlen dolog, amit egyszerűsíteni a kódot - emeleti nem feltétlenül, hogy tag

    Tárgyilagosan szólva, a címke

    Nem kell. Ezt megteheti emeleti És e dolog, hogy rögzítse a CSS stílusok és script.

    Szia Dima!
    Egyetértek veled, ez az egyszerűsítés ésszerű! Köszönöm. )

  • Ez nagyszerű, köszönöm, minden világos és érthető. Megfordultam. Bitrix rendszer.

  • Helló Paul, olvassa el a cikket, azt akartam telepíteni a gombot, de a helyén jött létre alapján Setup.ru honlap készítő. Azonnali, hogy működjön, hogy hová kell a kódot, és hogy ez voobe működőképes?

  • Mark Egyszerű