Butonul „Up“ pentru site-ul: cum să facă

O astfel de funcție, butonul „sus“ pentru site-ul, ceea ce face Internet resursa mai convenabil pentru vizitatorii săi. Aceasta ajută pentru a naviga cu ușurință de oriunde în pagina în partea superioară. Aceasta este o necesitate pentru magazine online și site-uri cu obiecte mari care necesită un sul lung în jos.

De ce este necesar

În acest moment, cele mai multe dintre site-urile acestei funcții, butonul „sus“ nu este, și nu este nimic critic. Dar utilizarea sa poate aduce multe avantaje atât pentru resursa de Internet și vizitatorilor săi.

Beneficii pentru vizitatori

De multe ori, atunci când pagina de Internet a resursei este în mare măsură cantitatea de informații, atunci când articolul de informații are o mulțime de spațiu și trebuie să deruleze în josul paginii folosind rotița mouse-ului încărcat. Plus la aceasta, la sfârșitul articolului poate prezenta o mulțime de comentarii la aceasta.

Atunci când un vizitator este citit un articol într-o defilare plictisitoare personală în jos o pagină care nu este prezent, dar atunci când textul a ajuns la capăt și este necesar să se deplaseze în sus, începe să obosească un pic. Cei mai mulți oameni vor pur și simplu prea leneș pentru a conduce un sul lung, și ei doar închide site-ul, mai degrabă decât o altă plimbare prin spațiile sale deschise.

Folosind un buton pentru a muta instantaneu la partea de sus a paginii face ca distracția pe site-ul mai convenabil.

Beneficiile unei resurse Internet

Aspectele pozitive ale resursei în sine bazată pe factori istorici, deoarece este mai ușor de navigat site-ul îmbunătățește factorii de comportament, ca toți vizitatorii vor fi mai activi în acțiunile lor și să se mute în alte pagini.

Prin aceasta date factori de comportament afectează atitudinea tuturor motoarele de căutare pentru site - ul și să conducă la îmbunătățirea spațiului în rezultatele căutării.

Cum de a face butonul „Up“ de pe site-ul singur

Sunt investigate în continuare. Buton pentru a derula până la site-ul la oricare dintre CMS, puteți face întotdeauna propria urmând câțiva pași foarte simpli:

• crearea unei imagini;
• crearea script-ul;
• Crearea unui stil de buton;
• adăugarea la site-ul.

buton imagine

Pentru a adăuga „în sus“ pe site-ul, pentru o nevoie de început să se facă o pictogramă, când faceți clic, utilizatorul va deplasa pagina. Puteți utiliza opțiunile gata făcute, printre care putem alege întotdeauna cele mai potrivite.

Pentru a îmbunătăți aspectul butonului, aveți nevoie pentru a face unele îmbunătățiri, și anume de a face un sprite, permite CSS pe bază de a combina imagini de fundal, astfel că a creat o scurtă animație.

Pentru lucrări grafice, puteți utiliza orice editor. Dar opțiunea cea mai convenabilă este serviciul online Pixlr, deoarece nu este nimic pentru a descărca și nu este nevoie să, le puteți utiliza direct în browser.

Pentru a începe să lucreze în editorul de fereastră pentru a alege „Încărcați o imagine de pe computer.“ Ca un exemplu, să ia imaginea de rachete.

În cazul în care dimensiunea pictogramelor selectate sunt prea mari, va trebui să facă o mică ajustare la dimensiunea. Pentru a face acest lucru, „Edit“, mergeți la meniul de sus și selectați câmpul, și după «Free Transform ...»

În continuare, alături de imaginea există markeri speciale, care sunt în mișcare, puteți redimensiona imaginea. Pentru a păstra raportul de aspect, puteți utiliza tasta Shift, considerând că, trebuie să mutați markerii albastre. La finalul acestor acțiuni se obține imagini rachete.

Următorul pas - crearea unei copii a stratului.

Acum trebuie să mutați imaginea din noile rachete strat un pic. Pentru a face acest lucru, va fi convenabil de a utiliza instrumentul de mutare, care se află în a doua coloană a meniului din stânga și săgeată „sus“ de pe tastatură.

Acum aveți nevoie pentru a face imaginea de sus în alb-negru. Acest lucru se poate face cu ajutorul elementul „corecție“ - „Hue / Saturație“ din meniul de sus. Pentru un cursor complet decolorare „saturație“ ar trebui să ia valoarea -100. Această acțiune va face efectul pe care butonul „Up“ se va întoarce de la alb-negru la culoare atunci când treceți peste ea.

Final atingere - eliminarea excesului de spațiu în jurul celor două imagini. Pentru a face acest lucru, selectați elementul „Trim“ din meniul din stânga și selectați doar două rachete într-un dreptunghi. Pentru a face o prese de debavurat tasta Enter.

Pentru a obține o imagine în care există prea mult spațiu. Ai nevoie pentru a înregistra lățimea și înălțimea imaginilor rezultate, deoarece aceste date vor fi utile în etapa următoare.

Pentru a salva necesitatea de a faceți clic pe „File“ - „Save“, în cazul în care stânga, sub „My Computer“ scrie numele imaginii (numai aspectul tastaturii în limba engleză), selectați formatul (în acest caz - PNG) și faceți clic pe „Da“.

Fișier cu script-ul „Up“ butonul

Scrie un scenariu, în acest caz, nu este necesar. Va fi posibil să se utilizeze o opțiune publică, aducând în unele modificări de cod gata.

Acest lucru va necesita pentru a descărca orice editor de cod. Cele mai populare și, de asemenea, o versiune gratuită - este Notepad ++. După instalare, trebuie să copiați și lipiți-l tot acest cod: