Gumb "Up" za sajt: kako napraviti

Takva funkcija, gumb "gore" za sajt, čineći internet više zgodan resurs za svoje posjetitelje. To pomaže da se lako krećete iz bilo kojeg dijela stranice u gornjem dijelu. To je imperativ za online trgovinama i mjesta sa velikim predmetima koji zahtijevaju dugo scroll down.

Zašto je neophodno

U ovom trenutku, najviše od sajtova ove funkcije, dugme "gore" nije, i ne postoji ništa kritično. Ali je njegova upotreba može donijeti mnoge prednosti za oba Internet resursa i svojim posjetiteljima.

Prednosti za posjetitelje

Često, kada je strana Interneta resursa natovarenim količinu informacija, kada je članak informacija zauzima puno prostora i da se spusti stranicu koristeći kotačić miša. Plus toga, na kraju članka mogu predstavljati puno komentara na to.

Kada je posjetilac čitanje članak u privatnu dosadan pomicanje niz stranicu nije prisutan, ali kada je tekst došao kraj i da je potrebno da se pomeri, počinje da zamara malo. Većina ljudi će se samo previše lijen da vode duge svitak, i oni su samo zatvorite stranice, a ne još jedna šetnja kroz otvorene prostore.

Koristeći tipku za odmah prešli na vrhu stranice čini zabava na sajtu više zgodan.

Prednosti Internet resursa

Pozitivne aspekte resursa sama na osnovu istorijskih faktora, jer je lakše kretanje kroz stranice poboljšava faktora u ponašanju, jer će svi posjetitelji biti aktivniji u svojim akcijama i kreću na druge stranice.

Na taj način podaci bihevioralni faktori utječu na stav svih pretraživačima na gradilište i dovesti do poboljšane prostor u rezultatima pretrage.

Kako napraviti gumb "Up" na web stranici sama

Se dalje istražuje. Dugme za listanje do stranice na bilo koji CMS-a uvijek možete napraviti svoj vlastiti prateći nekoliko vrlo jednostavnih koraka:

• stvaranje slike;
• stvaranje scenarija;
• Stvaranje gumb stil;
• dodavanje na sajtu.

slika dugmeta

Da biste dodali "gore" na sajtu, za početak treba da se stavi na ikonu, kada se klikne, korisnik će napredovati na stranici. Možete koristiti gotove opcije, među kojima možemo uvijek izabrati najprikladniji.

Da bi se poboljšala izgled dugmeta, morate napraviti neka poboljšanja, odnosno da se napravi sprite, omogućava CSS-kombinata pozadinske slike, tako što je stvorio kratki animirani.

Za grafičke radove, možete koristiti bilo koji editor. Ali najviše zgodna opcija je online usluga Pixlr, jer ne postoji ništa za preuzimanje i nema potrebe da se, možete ih koristiti izravno u browser.

Da počne da radi u editor da izaberu "Upload slike sa računara." Kao primjer, uzmi raketa slike.

Ako je veličina odabrane ikone su prevelike, morat ćete napraviti malu prilagođavanje veličine. Da biste to učinili, "Edit", idite na gornjem izborniku, a zatim izaberite polje, a nakon «Slobodna preobraziti ...»

Zatim, pored slike postoje posebni markeri koji se kreću, možete promijeniti veličinu slike. Da bi sačuvali omjer, možete koristiti taster Shift, smatrajući da, morate premjestiti plavi markera. Na kraju te akcije se dobija sliku rakete.

Sljedeći korak - stvaranje kopiju sloja.

Sada morate premjestiti sliku iz nove rakete sloj se malo. Da biste to učinili, to će biti prikladan za korištenje u pokretu alat, koji se nalazi u drugoj koloni lijevom izborniku, i strijela "gore" na tastaturi.

Sada je potrebno da bi vrhu slike u crno-bijele. To se može učiniti pomoću stavke "Korekcija" - "Hue / Saturation" iz gornjeg izbornika. Za kompletnu diskoloracija klizač "zasićenja" treba uzeti vrijednost -100. Ova akcija će učiniti u smislu da će gumb "Up" okrenuti od crne i bijele boji kada prelazite preko njega.

Završni dodir - uklanjanje viška prostora oko dvije slike. Da biste to učinili, odaberite stavku "Trim" iz lijevom meniju i izaberite samo dva projektila u pravougaonik. Da se napravi podrezivanje prese Enter.

Da biste dobili sliku u kojoj postoji previše prostora. Potrebno je da snimite širinu i visinu nastale slike, jer će ovi podaci biti korisni u sljedećem koraku.

Da biste sačuvali trebate kliknuti na "File" - "Save", gdje je ostavio pod "My Computer" napisati ime slike (samo raspored tastature na engleskom), izaberite format (u ovom slučaju - PNG) i kliknite na "Da".

File sa pismom "Up" tipku

Napišite pismo, u ovom slučaju to nije potrebno. To će biti moguće koristiti javni opciju, donoseći u neke izmjene i dopune spreman koda.

To će zahtijevati da preuzmete bilo koji editor koda. Najpopularniji i besplatna verzija - je Notepad ++. Nakon instalacije potrebno je da kopirate i zalijepite ga sve ovo kod: