"Up" na button para sa site: kung paano gumawa ng

Ang ganitong mga isang function, ang pindutan ng "up" para sa site, paggawa ng Internet mas maginhawang mapagkukunan para sa mga bisita nito. Ito ay tumutulong upang madaling mag-navigate mula sa kahit saan sa pahina sa itaas na bahagi. Ito ay isang nararapat para sa online na tindahan at mga site na may malaking mga item na nangangailangan ng isang mahabang scroll pababa.

Kung bakit ito kailangan

Sa sandaling ito, ang karamihan sa mga site ng mga function na ito, ang pindutan ng "up" ay hindi, at walang anuman kritikal. Ngunit ang paggamit nito ay maaaring magdala ng maraming pakinabang para sa parehong mga mapagkukunan sa Internet at sa kanyang mga bisita.

Benepisyo para sa mga bisita

Kadalasan, kapag ang pahina ng mapagkukunan sa Internet ang mabigat na load halaga ng impormasyon, kapag ang impormasyon na artikulo ay tumatagal ng isang pulutong ng space at kailangang mag-scroll pababa sa pahina gamit ang mouse wheel. Ang plus sa ito, sa dulo ng artikulo ay maaaring magpakita ng maraming mga komento sa mga ito.

Kapag ang isang bisita ay nagbabasa ng isang artikulo sa isang personal na nakakapagod na pag-scroll pababa ng pahina ay hindi kasalukuyan, ngunit kapag ang teksto ay dumating sa pagwawakas at ito ay kinakailangan upang ilipat up, ito ay nagsisimula sa gulong ng isang bit. Karamihan sa mga tao ay lamang masyadong tamad upang humantong sa isang mahabang scroll, at sila lamang isara ang site, sa halip na isa pang lakad sa pamamagitan ng kanyang bukas na mga puwang.

Gamit ang isang pindutan upang agad na lumipat sa itaas ng pahina ay gumagawa ng palipasan ng oras sa site na maging mas maginhawa.

Mga benepisyo ng isang mapagkukunan ng Internet

Ang tiyak na mga aspeto ng mapagkukunan mismo batay sa makasaysayang mga kadahilanan, dahil ito madaling i-navigate sa site pagbubutihin ang pag-uugali na mga kadahilanan, tulad ng lahat ng mga bisita ay magiging mas aktibo sa kanilang mga pagkilos at ilipat sa ibang pahina.

At dahil doon ang data ng pag-uugali kadahilanan nakakaapekto sa saloobin ng lahat ng mga search engine sa site at humantong sa pinabuting space sa mga resulta ng paghahanap.

Kung paano gawin ang "Up" na button sa website nag-iisa

Sigurado Inimbestigahan pa. Button upang mag-scroll hanggang sa ang mga site sa alinman sa mga CMS maaari mong palaging gumawa ng iyong sariling sa pamamagitan ng pagsunod sa ilang mga napaka-simpleng hakbang na ito:

• paglikha ng isang imahe;
• ang paglikha ng script;
• Ang paglikha ng isang estilo ng pindutan;
• pagdagdag sa site.

button ng larawan

Upang idagdag ang "up" sa site, para sa isang panimula kailangan upang gumawa ng kanyang sarili ng isang icon, kapag nag-click, ang gumagamit ay umakyat ang pahina. Maaari mong gamitin ang yari pagpipilian, bukod sa kung saan maaari naming laging piliin ang mga pinaka-angkop.

Upang mapabuti ang hitsura ng button, kailangan mong gumawa ng ilang mga pagpapabuti, lalo upang makagawa ng isang engkanto, ay nagbibigay-daan CSS-based na pagsamahin ang mga larawan sa background, kaya pagkakaroon ng nilikha ng isang maikling animation.

Para sa graphic gumagana, maaari mong gamitin ang anumang editor. Ngunit ang pinaka-maginhawang opsyon ay ang online na serbisyo Pixlr, dahil walang anuman upang i-download at hindi na kailangang mag, maaari mong gamitin ang mga ito nang direkta sa iyong browser.

Upang simulan ang nagtatrabaho sa editor window upang piliin ang "Mag-upload ng isang imahe mula sa iyong computer." Bilang halimbawa, kumuha ng rocket imahe.

Kung ang laki ng mga napiling icon ay masyadong malaki, na kakailanganin mo upang gumawa ng isang maliit na pagsasaayos sa laki. Upang gawin ito, "I-edit", pumunta sa tuktok na menu, at piliin ang mga field, at pagkatapos ng «Libreng ibahin ang anyo ...»

Susunod, sa tabi ng larawan may mga espesyal na mga marker na gumagalaw, maaari mong palitan ang laki ng imahe. Upang mapanatili ang aspect ratio, maaari mong gamitin ang Shift key, na may hawak na iyon, kailangan mong ilipat ang mga asul na marker. Sa dulo ng mga kilos na ito ay nakuha missiles imahe.

Ang susunod na hakbang - ang paglikha ng isang kopya ng mga layer.

Ngayon ay kailangan mong ilipat ang mga larawan mula sa mga bagong missiles layer up ng isang bit. Upang gawin ito, ito ay maginhawa upang gamitin ang paglipat tool, na kung saan ay matatagpuan sa pangalawang hanay ng kaliwang menu, at arrow "up" sa keyboard.

Ngayon ay kailangan mong gawin ang mga nangungunang mga imahe sa black and white. Ito ay maaaring gawin gamit ang item na "Pagwawasto" - "Hue / Saturation" mula sa tuktok na menu. Para sa isang kumpletong pagkawalan ng kulay slider "Saturation" ay dapat gawin ang mga halaga -100. Ang pagkilos na ito ay gagawa ang epekto na ang "Up" na button ay i-on mula sa itim at puti sa kulay kapag hover ka sa ibabaw nito.

Ang huling ugnay - ang pag-alis ng labis na espasyo sa paligid ng dalawang mga imahe. Upang gawin ito, piliin ang mga item na "Trim" mula sa kaliwang menu at piliin lamang ang dalawang missiles sa isang parihaba. Upang magsagawa ng pagbabawas pagpindot ang Enter key.

Upang makakuha ng isang imahe na kung saan doon ay masyadong maraming space. Kailangan mo upang i-record ang lapad at taas ng ang mga nagresultang imahe, tulad ng mga data na ito ay magiging kapaki-pakinabang sa susunod na hakbang.

Upang i-save ang kailangan upang mag-click sa "File" - "I-save", kung saan ang naiwan sa ilalim ng "My Computer" isulat ang pangalan ng larawan (tanging ang layout ng keyboard Ingles), piliin ang format (sa kasong ito - PNG) at i-click ang "Oo".

File na ang script ng "Up" na button

Sumulat ng isang script, sa kasong ito ito ay hindi kinakailangan. Ito ay magiging posible na gumamit ng isang pampublikong opsyon, nagdadala sa ilang mga susog handa code.

Ito ay mangangailangan ng upang i-download ng anumang code editor. Ang pinaka-popular at din ng isang libreng bersyon - ay Notepad ++. Pagkatapos ng installation kailangan mong kopyahin at ilagay ito sa lahat ng ang code na ito: