A lecke a gomb szkript telepítésével a helyszínen a tervező okis-ban
Helló mindenkinek, hogy írja a mai leckét, amit a tervező Mikhail felhasználójának ajánlatára kértem. elküldte a widget-felülvizsgálatok és javaslatok segítségével. Itt van a mondat tényleges szövege:
Minden rendben van, de javaslom Temko-t a "fel" gombbal. úgy tűnik, hogy minden egyszerű, de nem könnyű. Nem minden működik okis. Hűvös lenne.
A gombszkript feltelepítéséhez másolja az alábbi kódot, és helyezze el a megadott helyekre:
1. lépés: Indítsuk el a telepítést a jQuery könyvtár és a sima görgető szkript összekapcsolásával. Ehhez lépjen a Beállítások - SEO pontra, és a "Meta Tags" mezőbe illessze be a következő kódot:
2. lépés. Most olyan css kódokat írunk, amelyek stílusos megjelenést adnak a gombnak, jelezve a helyet és a kapcsolatot más oldalelemekkel:
# back-top a
szélesség: 108px;
kijelző: blokk;
text-align: center;
font: 11px / 100% Arial, Helvetica, sans-serif;
szövegátalakítás: nagybetű;
text-decoration: none;
szín: #bbb;
-webkit-átmenet: 1s;
-Moz-átmenet: 1s;
átmenet: 1s;
>
# back-top span
szélesség: 108px;
magasság: 108px;
kijelző: blokk;
margin-bottom: 7px;
háttér: #ddd url (/file/pro-okis_ru/up-arrow.png) no-repeat center center;
-webkit-határ-sugár: 15px;
-Moz-határ-sugár: 15px;
határ-sugár: 15px;
-webkit-átmenet: 1s;
-Moz-átmenet: 1s;
átmenet: 1s;
>
A vágy és ha szükség van vsvyazi a bejegyzést a webhely regisztrációja, akkor módosíthatja a css beállítások és egyszerű korrekciók a kódot kiadni a gombot maga alatt. Ez a stílus a sötétebb mintákhoz jobban megfelel, de a színértékek megváltoztatásával könnyen megoldhatja a helyzetet.
3. lépés: Most közvetlenül helyezzük el a gomb html kódját, és ezt úgy tesszük, hogy másoljuk az alábbi kódot, és elhelyezjük a további statisztikákra vonatkozó mezőbe a Beállítások - Statisztika oldalon:
A gomb képe fel van töltve a webhely prookis.ru szerverére, és itt állandó jelleggel kerül közzétételre. De ha fedezni szeretné, újratöltheti a webhelyén lévő gombot, és megváltoztathatja a css-kódban található hivatkozást.