Дугме "горе" за сајт: Хов то Маке

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

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

У овом тренутку, већина сајтова ове функције, тастер "горе" није, и не постоји ништа критично. Али његова употреба може довести многе предности и за интернет ресурса и својим посетиоцима.

Предности за посетиоце

Често, када се страница на Интернет извора је тешко оптерећених количину информација, када је чланак информације узима доста простора и треба да спустимо страницу користећи точкић миша. Плус на то, на крају чланка може да представља много коментара на томе.

Када посетилац се чита чланак у личном напорног померање надоле странице није присутан, али када је текст дошао крај и да је неопходно да се помери, он почиње да замарамо мало. Већина људи ће једноставно превише лењ да води дугу свитак, а они су само затворили сајт, уместо другог шетње кроз своје отворене просторе.

Коришћење дугме да одмах крећу на врх странице чини забава на сајту згодније.

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

Позитивни аспекти извора сама заснована на историјским факторима, јер је лакше кретање сајт побољшава факторе понашања, јер ће сви посетиоци бити активнији у својим акцијама и преселе се у осталим страницама.

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

Како направити дугме "Уп" на сајту само

Се даље истражити. Дугме за листање до локације на било који ЦМС увек можете направити сами пратећи неколико врло једноставних корака:

• стварање слике;
• стварање сценарија;
• Креирање стил дугме;
• додавање на сајт.

дугме слика

Да бисте додали "горе" на сајту, за почетак потребе да се сама икона би, када се кликне, корисник ће напредовати страницу. Можете користити готове опције, међу којима увек можемо изабрати најпогоднији.

Да би се побољшала изглед дугмета, потребно је да се нека побољшања, односно да се направи Сприте, омогућава ЦСС комбинат слике у позадини, тако што је створио кратку анимацију.

За графичких радова, можете користити било едитор. Али највише одговара опција је онлајн сервис Пиклр, јер не постоји ништа да преузмете и нема потребе да се, можете их користити директно у вашем претраживачу.

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

Ако је величина одабраних икона су превелика, мораћете да направите малу прилагођавање величине. Да би то урадили, "Мик", идите на горњем менију, а затим изаберите поље, а након «Фрее Трансформ ...»

Даље, поред слике постоје посебни маркери који се крећу, можете да промените величину слике. Да би се сачувао однос димензија, можете да користите тастер Схифт, сматрајући да, треба да померите плаве маркере. На крају ових акција добија ракете слику.

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

Сада треба да померите слику од нових пројектила слој се мало. Да би то урадили, то ће бити прикладан за кориштење у покрету алат, који се налази у другој колони левом менију, и стрелом "горе" на тастатури.

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

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

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

Да бисте сачували потребно је да кликнете на "Филе" - "Саве", где је оставио под "Ми Цомпутер", напишите име слике (само енглески тастатура распореда), одаберете формат (у овом случају - ПНГ) и кликните на "Да".

Филе са сценаријем "Уп" дугме

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

То ће захтевати да преузмете било едитор кода. Најпопуларнији као и бесплатна верзија - је Нотепад ++. Након инсталације треба да копирате и налепите га сав овај код:

<Сцрипт лангуаге = "тект / јавасцрипт "> $ (документ) .реади (функција () {$ (прозор) .сцролл (функција () {ако ($ (ово) .сцроллТоп ()> 0) {$ ( '# scroller ') fadeIn ();. } друго {$ (' # скроллер ') фадеоут () ;.}}); $ (' # скроллер ') клик (функција () {$ ( ". тело хтмл'). анимате ({сцроллТоп: 0}, 400); ретурн фалсе;}); });

Затим кликните на врху менија "Филе" - "Саве ас ...", а затим сачувајте код у јс формату. Онда можете користити овај код себе на сајту за уплоад сценарио и сликовне датотеке помоћу ФТП-везе.

Инсталација на лицу места

Да бисте поставили за померање дугмета за сајт, потребно је да поставите код на жељено место. Упише мора бити пре ознаком .

Креирање стил дугме са ЦСС

Најчешће је "горе" дугме за сајт се налази на дну ( "подрум").

Сајт стиле.цсс датотеке, морате додати следећи код:

"/ * Дугме у горњем * / .сцроллТоп { бацкгроунд: урл ( 'слике / уп.пнг ') 0 0 но-репеат; / * оносителни пут до слике * / видтх: 39пк; / * ширина дугмета * / Висина: 96пк; / * 50% од висине дугме * / боттом: 5пк; / * а фиксни положај доњег маргине * / лево: 89%; / * оффсет на лево * / } .сцроллТоп: ховер {бацкгроунд-поситион: 0 -108пк; } / * Офсет позадина * / "

У том случају, подаци потребни и ширина и висина слике. Остаје само да се унесе податке у коду, а "до" дугме за сајт ће бити спреман! Шта још?

дугме "горе" за сајт на Вордпресс

За овог дугмета ЦМС "Уп", може да се уради уз помоћ додатака, као и самостално.

Метод додаци најпогоднији и једноставан за инсталацију, јер би захтевало само један клик на дугме Инсталл и конфигурисати све функционалности менија плугин.

По избору другог је да приступе са опрезом, јер са њом можете једноставно стећи вирус на сајту. Најпопуларнији и доказане опција - плуг-ин под називом Дођите Бацк То Топ. Можете га преузети користећи стандардне претраге Вордпресс плугин.

Ово проширење има вишеструки функционалност, и врло лако прилагоде на дугме "горе" за сајт на Вордпресс. Све вредности промена не мора да подесите само врсту и локацију дугмета на веб страници.

Као што можете видети, инсталација дугмета "до" уз помоћ додатака је врло једноставна. Али постоји једна битна упозорење, које се састоји у томе да сваки инсталирани плуг-ин-учитава ЦМС. Ово може да утиче на брзину Интернет ресурса. Зато је већина власника сајтова покушавају да спроведу све промене директно у коду, уместо тхирд-парти ектенсионс. Можете направити дугме "горе" за локације на ХТМЛ, који минимизира ресурсе потрошене.

Пре него што извршите било какве измене система Вордпресс фајлове, морате да их чине. Онда можете да пратите све кораке за стварање дугмад, горе описане.

Кноцк "горе" за Јоомла

ЦМС Јоомла подржава инсталирање додатака као што је Вордпресс. Најуспешнији опција "горе" дугме за сајт на Јоомла 3 је плуг-ин под називом врх странице.

Ова Ресултс ЦМС било плуг-ин може да се инсталира преко "Ектенсионс Манагер". Да се то уради:

• преузети додатак на Интернету;
• кликните на дугме "Бровсе" у менаџеру екстензије;
• одаберите преузету датотеку;
• кликните "Довнлоад" и инсталирати.

Сада треба да га активирати у "Плугин Манагер". Да бисте то урадили, морате да иду у овом одељку, пронаћи утикач и пребацили свој статус на "омогућено."

Следеће је подешавање опција проширења уз помоћ истом делу, где морате да пронађете одељак "Основни параметри" од овог додатка на десној страни.

Топ оф тхе Паге има следеће карактеристике:

• Изводити у / администратора - омогућава опцију не само на Интернет извора, али и на табли ЦМС Јоомла.
• Дугме Ревеал позиција - колико пиксела да вратите корисника на дугме "горе" тамо.
• Изостави Буттон Тект - текст дугмета.
• Увек на врху - Сите све време ће бити приказано од самог почетка. Када користите "сидра" да бисте дошли до одређене локације на страници, ова опција не треба да се активира.
• Смоотх Дођите - чини страница померање глатком.
• Сцролл Трајање - време након чега се страница у потпуности померена на врх.
• Сцролл Транзиција - додаје кретање кроз велике визуелне ефекте.
• Транзиција Попуштање - «слабљење" потез на врх странице.
• Линк Локација - локација иконе. Као стандард, дугме се налази у доњем десном углу.
• Користите Стилес - индивидуални стил дугмад, која могу бити наведена у пољу испод. Ако сте прешли на негативну вредност, сви параметри стилова ће се узети од активног Тхеме Сите.
• Линк Стил - поље за унос подешавања дугме стил.

Самоподешавање "уп" дугме стила, морате имати барем минимално познавање ЦЦС. У супротном, требало би да промените вредност претпоследњем параметар "Не".

Још једна важна ствар је да је уобичајена натпис на икону садржи енглески текст: Повратак на врх. На руском сајту сличан текст не може бити присутан, тако да само треба да га искључите у параметрима плугин ништа на руском да се промени.

Да бисте променили етикете треба да оде на сајт сервер помоћу уграђеног ФТП сервер или хостинг филе манагер. Следеће у директоријуму «/ администратор / лангуаге / ср-МБ /» треба да пронађе фајл под називом «ср-ГБ.плг_систем_топофтхепаге.ини».

Пре замене текст треба да промени кодирање документа на УТФ-8. То ће учинити нормалан приказ руских слова.

Даље, налазимо следећу линију:

"ПЛГ_СИС_ТОПОФТХЕПАГЕ_ГОТОТОП =" Повратак на врх " "

и промените фразу под знацима навода у руском језику. Можете користити изразе као што су "горе", "Старт!" Или "Горе!".

На крају потребе да спасе измењену датотеку и проверите дугмад "горе" за сајт на Јоомла.

дугме "горе" за УцоЗ

дугме "горе" за сајт на уЦоз има везе са увођењем кода, јер је веза утикач за овај ЦМС је немогуће. Међутим, то не захтева много времена да се упознају са системске датотеке и тражити неопходне линије треба само убацити мали број у жељеној локацији.

За инсталацију, треба:

• идите на "Цонтрол Панел -> Дизајн -> Менаџмент Дизајн (шаблони) -> доњи део сајта;
• Убаците скрипту (могу се наћи на званичном сајту пројекта и независних извора).

закључак

Након тога, у доњем десном углу иконе ће се појавити, померите корисника на самом врху странице.

Као што се види, инсталација дугмета "Уп" за било који ЦМС није било нарочито тешко. Може се користити као аутоматски метод инсталације (плуг-инс), и употребу. Међутим, ова друга опција је најприкладнији, јер не негативно утиче на перформансе локације.

Можете користити "горе" за сајт у ХТМЛ, до смањења потрошње ресурса сајт, као и велики број локала може имати негативан утицај на перформансе ресурса. Плуг-у дугмету "горе" не ће утицати на време учитавања страница, али у већини случајева корисник је присутна најмање десетак додатке инсталиране на ЦМС. У овом случају, сваки плуг-ин-може негативно утицати на перформансе вашим страницама.