Копчето "Up" за сајт: како да се направи

Таква функција, на копчето "горе" за сајт, со што Интернет попогодни ресурси за своите посетители. Тоа им помага да се лесно да се движите од било каде во страница во горниот дел. Ова е задолжително за онлајн продавници и веб-сајтови со големи предмети кои бараат долго скролувајте надолу.

Зошто е потребно

Во моментов, повеќето од сајтовите на оваа функција, на копчето "горе" не е, и не постои ништо критична. Но неговата употреба може да донесе многу предности за двете на интернет ресурси и за своите посетители.

Придобивки за посетители

Често, кога на страницата на интернет ресурси е силно натоварени количина на информации, кога информациите статија зема многу простор и треба да дојдете долу на страницата со користење на тркалцето. На плус на ова, на крајот на овој член може да се претстави со многу коментари на него.

Кога посетител чита една статија во личен досадни лизгање надолу на страницата не е присутна, но кога текстот дојде до својот крај и дека е потребно да се движат нагоре, таа започнува да се умори малку. Повеќето луѓе ќе се премногу мрзливи да ја води долго скролување, и тие само затвори сајт, наместо на друг прошетка низ отвори своите простори.

Со користење на копчето за да веднаш се движат на врвот на страната прави забава на сајтот поудобно.

Предности на интернет ресурси

Позитивни аспекти на ресурси се базира на историски фактори, бидејќи тоа полесно да се движите на страницата подобрува однесувањето фактори, како што сите посетители ќе бидат поактивни во своите постапки и да се преселат во други страници.

Притоа податоците однесувањето фактори влијаат на ставот на сите пребарувачи на сајтот и да доведе до подобрување на простор во резултатите од пребарувањето.

Како да се направи на копчето "Нагоре" на веб-сајтот сам

Се истражува понатаму. Копчето за да дојдете до местото на било кој од CMS секогаш можете да направите свој со по неколку многу едноставни чекори:

• создавање на сликата;
• создавање на сценариото;
• Создавајќи стил копчето;
• додавање на сајтот.

слика копче

За да го додадете "горе" на сајтот, за почеток треба да се направи икона, кога ќе биде кликнато, корисникот ќе се движат нагоре страната. Можете да ги користите готови опции, меѓу кои секогаш можеме да го изберат најсоодветен.

За да се подобри изгледот на копчето, што треба да се направат некои подобрувања, имено, да се направи самовила, им овозможува на CSS-базирани комбинираат слики во позадина, со што ја создадоа и анимација.

На графички дела, можете да користите било кој уредувач. Но, најзгодно опција е онлајн сервис Pixlr, бидејќи не постои ништо за да ја преземете и нема потреба да, можете да ги користите директно во вашиот интернет пребарувач.

Да почне да работи во уредувачот на прозорци за да изберете "Постави слика од вашиот компјутер." Како пример, се слика на ракетата.

Ако големината на избраните икони се премногу големи, ќе треба да се направи мал прилагодување на големината. За да го направите ова, "Измени", кликнете на главното мени и изберете го полето, а потоа «Free Transform ...»

Следно, веднаш до сликата постојат посебни маркери, кои се движат, можете да ја промените големината на сликата. За да се зачува соодносот на сликата, можете да го користите копчето Shift, држејќи тоа, треба да се преселат на сино маркери. На крајот на овие активности се добива проектили сликата.

Следниот чекор - креирање на копија на слојот.

Сега треба да се движат на сликата од нови проектили слој се малку. За да го направите ова, тоа ќе биде полесно да се користи овој потег алатка, која се наоѓа во втората колона од левото мени, и стрела "горе" на тастатурата.

Сега треба да се направи првите слики во црно и бело. Ова може да се направи со користење на ставката "корекција" - "Хуе / Заситеност" од главното мени. За комплетна промена на бојата лизгачот "заситеност" треба да се земе вредноста -100. Оваа акција ќе се направи смисла на тоа дека на копчето "Up" ќе се претвори од црно и бело во боја кога ќе лебдат над него.

Конечниот допир - отстранување на вишокот на просторот околу двете слики. Да го направите ова, одберете го објектот "стегнатост" од левото мени и изберете само две ракети во правоаголник. Да се направи кастрење притиска копчето Enter.

За да се добие слика во која има премногу простор. Вие треба да ги сними на ширина и висина на добиената слика, како овие податоци ќе бидат корисни во следниот чекор.

За да се спаси треба да кликнете на "File" - "Зачувај", каде од левата страна под "My Computer" напишете го името на сликата (само на англиски распоред на тастатура), изберете формат (во овој случај - PNG) и кликнете на "Да".

Датотека со сценариото "Up" копчето

Напиши скрипта, во овој случај тоа не е потребно. Тоа ќе биде можно да се користи јавниот опција, со што во некои измени подготвени код.

Ова ќе бара да ја преземете било код едитор. Најпопуларниот и исто така бесплатна верзија - е Notepad ++. По инсталацијата треба да го копирате и залепите сите го овој код: