Как да си направим един бутон на сайта, за да се изкачи до върха.
Стъпка 1. Поставете нагоре / горната част на страницата.
Този текст е от съществено значение, че е на всяка страница на вашия сайт, го нарича сценария и възлага на снимката. Ако имате динамичен сайт (всички CMS, като Joomla, WordPress, Drupal и други CMS са динамични, т.е. страницата се генерира в момента на сезирането му), е препоръчително да поставите шаблона, ако сайтът използва повече от един шаблон, след това в всички шаблони се използват, както и по друг начин в шаблоните, които не посочват няма да има този бутон.
За нагоре Joomla. Поставете в index.php файл, който се намира your_site / шаблони / vasha_tema между тагове
, По принцип съм поставена и непосредствено преди маркера
.
До бутон за UCOZ. В редакцията на шаблона (дизайн мениджмънт - долна част) в долната част на кода, преди затварянето .
За други CMS и статични сайтове. Ако вече сте поставили броячи Yandex Metrics, LiveInternet, този код трябва да бъде поставена на същото място можете и кода за вграждане за броячи. По същество това е един index.html файл, index.php шаблони. Ако не сте на статични CMS, е необходимо да се регистрирате във всяка страница.
Стъпка 2. Определете стила за нагоре / горната част на страницата.
Вие ще трябва да се създаде стил и място на най-горното копче. ще копира следния текст за това, което трябва да: #toTop позиции: фиксиран; надолу: 20px; дясно: 2px; фон: няма; курсора: указател;>
Бутон на върха за Joomla. Вложихме your_site / шаблони / vasha_tema / CSS файлове с разширение CSS може да има много, това е може би template.css или general.css.
Бутона в горната част, за да Ucoz. Поставете на дъното на Службата на дизайн - Style Sheet (CSS).
За други CMS и статични сайтове. Къде да определите формата на страницата си поставете този код.
Стъпка 3: Запазване на изображението и сценария.
Запазване и променя името и разширението toTop.js.
Стъпка 4. Свързване JQuery.
На много места, този скрипт няма да прехвърлим плавно нагоре, а просто ще добави "#" и рестартирайте на сайта, това е, защото JQuery не е свързан. Той трябва да бъде свързан. Някои, които са работили на обекта, който е на JQuery, а след това със сигурност вече е прикрепен и не трябва да го свържете отново. JQuery да се свърже с даден сайт, изпълнете следните стъпки:
За Joomla. В един и същи файл, който се е произнесъл в стъпка 1.
За други CMS и статични сайтове. Ако сайтът е статичен (не се използва някоя CMS - двигател) - заместник всички страници за динамични сайтове в друг CMS - частта от шаблона (тема), където се намира секцията HEAD. Намерете секцията HEAD - всичко, което е между отваряне и затваряне тагове:
... и добавете към самия си край, преди затварянето следния код.
В този случай, той се свързва с Google JQuery, ако не искате да използвате трета страна ресурс, а след това използвайте втория метод.
Инсталирането на най-горното копче направено. След това можете да изберете бутона за вашия сайт, и да прочетете за това как да се направи проста текст вместо изображения.
Стрелка нагоре по стълбите може да изглежда по-различно. Аз ви реши малко по-лесно да работят и вдигна на снимката, да ги прехвърля в PNG формат, фон изрязани, така че те да са прозрачни. Изработен максимален размер 80px, толкова повече, че това не е необходимо. Чувствайте се свободни да ги използвате. Edit: промяна на цвета, размера добавите текст и фон. За да ги свалите на мишката върху любимите си снимки, натиснете десния бутон на мишката и изберете Save Image.
Как вместо изображения към бутона текст на върха.
За да направите това, вие ще трябва да направите следното: