Gumb "Up" za spletno stran: kako narediti

Takšna funkcija, gumb "up" za spletno stran, s čimer je internet bolj priročno sredstvo za obiskovalce. To pomaga, da enostavno navigacijo od kjerkoli na strani, v zgornjem delu. To je treba za spletnih trgovin in spletnih strani z velikimi predmeti, ki zahtevajo dolgo pomikanje navzdol.

Zakaj je potrebno

V tem trenutku, večina spletnih mest te funkcije, tipko "gor" ni in ni nič kritičen. Vendar lahko njegova uporaba prinese veliko prednosti tako za internetni vir in svojim obiskovalcem.

Ugodnosti za obiskovalce

Pogosto, ko je stran internetnega vira močno obremenjena količino informacij, ko so bili podatki članek traja veliko prostora in morali pomakniti navzdol po strani s pomočjo kolešček na miški. Plus to, na koncu članka lahko predstavlja veliko pripomb na to.

Ko se obiskovalec bere članek v osebni dolgočasno drsenje navzdol strani ni prisoten, vendar ko besedilo prišel do konca in je treba premakniti navzgor, se začne Umoriti malo. Večina ljudi bo le preveč leni, da vodi dolgo zvitek, in jih zaprite spletno stran, namesto da drugi sprehod po njegovih odprtih prostorov.

Uporaba gumba, da takoj premakniti na vrhu strani omogoča zabavo na mestu bolj udoben.

Prednosti internetnega vira

Pozitivni vidiki vira sama temelji na zgodovinskih dejavnikov, ker je lažje za navigacijo stran izboljšuje vedenjske dejavnike, saj bodo vsi obiskovalci bolj aktivni v svojih dejanjih in premakniti na drugih straneh.

S tem podatki vedenjski dejavniki vplivajo na odnos vseh iskalnikov na mestu in vodi do izboljšane prostora v rezultatih iskanja.

Kako narediti gumb "Up" na spletni strani sam

So dodatno raziskati. Pomaknite se do gumba za spletno stran, na kateri koli od CMS lahko vedno bi sami z upoštevanjem nekaj zelo preprostih korakih:

• oblikovanje podobe;
• oblikovanje scenarija;
• Ustvarjanje slog gumba;
• dodal na spletno stran.

gumb za slike

Če želite dodati "gor" na mestu, za start potrebe da bi sama ikona, ko kliknili, bo uporabnik premakne navzgor strani. Lahko uporabite ready-made možnosti, med katerimi lahko vedno izberejo najbolj primerne.

Če želite izboljšati videz gumba, morate narediti nekaj izboljšav, in sicer, da bi sprite, omogoča CSS na osnovi združujejo slike za ozadje, tako ko je ustvaril kratko animacijo.

Za grafični del, lahko uporabite katero koli urejevalnikom. Ampak najbolj priročno možnost je spletna storitev, Pixlr, ker ni nič za prenos in ni treba, jih lahko uporabljate neposredno v brskalniku.

Začeti z delom v urejevalniku okna izbrati "Naloži sliko iz računalnika." Kot primer, da raketni sliko.

Če so velikost izbranih ikon prevelika, boste morali narediti majhen popravek velikosti. Če želite to narediti, "Edit", se v zgornjem meniju in izberite polje, in po «Prosti preoblikovanje ...»

Dalje, zraven pa so na sliki posebne oznake, ki se gibljejo, lahko spremenite velikost slike. Da bi ohranili razmerje, lahko uporabite tipko Shift, odločilo, da boste morali premakniti modro označevalcev. Na koncu teh ukrepov dobimo raket sliko.

Naslednji korak - oblikovanje kopijo plasti.

Zdaj boste morali premakniti sliko iz novih raket plast gor malo. Če želite to narediti, bo primerna za uporabo orodja premika, ki se nahaja v drugem stolpcu v levem meniju in puščico "gor" na tipkovnici.

Zdaj morate narediti zgornjo sliko v črno-beli tehniki. To je mogoče doseči z uporabo elementa "Popravek" - "Hue / Saturation" iz glavnega menija. Za popolno razbarvanje drsnikom "nasičenost" naj bi vrednost -100. Ta ukrep bo učinek, da bo gumb "Up" vklop iz črne in bele v barvo, ko hover nad njim.

Končni dotik - odstranitev odvečne prostora okoli dvema slikama. Če želite to narediti, izberite element "Trim" v levem meniju in izberite samo dve rakete v pravokotnik. Da bi obrezovanje pritisne tipko Enter.

Da bi dobili sliko, v katerem je preveč prostora. Morate snemanje širino in višino nastalih slik, saj se bodo ti podatki koristni v naslednjem koraku.

Če želite shraniti morali klikniti na "File" - "Save", kjer se levo pod "My Computer" napisati ime slike (samo v angleškem postavitev tipkovnice), izbere obliko (v tem primeru - PNG) in kliknite "Da".

Datoteka s scenarijem "Up" gumb

Napisati scenarij, v tem primeru ni potrebno. To bo mogoče uporabiti javno opcijo, tako da v nekaj sprememb pripravljen kodo.

To bo zahtevalo, da prenesete urejevalnik kode. Najbolj priljubljen in tudi brezplačna različica - je Notepad ++. Po namestitvi boste morali kopirati in ga prilepite vse to kodo: