Tipka „Gore” za site: kako napraviti

Takva funkcija, gumb „gore” za stranice, izradu Internet više zgodan izvor za svoje posjetitelje. To pomaže da se lako kretati s bilo kojeg mjesta na stranici u gornjem dijelu. To je potrebno za online trgovinama i web stranice s velikim stavke koje zahtijevaju dugo svitak dolje.

Zašto je potrebno

U ovom trenutku, većina mjesta ove funkcije, gumb „gore” nije, i ne postoji ništa kritično. No, njegova upotreba može donijeti brojne prednosti za oba Internet resursa i svojim posjetiteljima.

Pogodnosti za posjetitelje

Često, kada se stranica na Internet resursa teško učitava količinu informacija, kada je informacija članak uzima puno prostora i moraju pomaknuti da koristite kotačić miša. Plus toga, na kraju članka može predstavljati mnogo primjedbi na njega.

Kada posjetitelj čita članak u osobnom zamornog pomicanje prema dolje na stranici nije prisutna, ali kad je tekst dođe do kraja i to je potrebno za kretanje prema gore, ona počinje umoriti malo. Većina ljudi će se samo previše lijen da vode dug svitak, a oni samo zatvoriti stranicu, a ne neki drugi šetnja njegovim otvorenim prostorima.

Korištenje gumba odmah premjestiti na vrhu stranice čini razonoda na mjestu praktičniji.

Prednosti Internet resursa

Pozitivni aspekti resursa sama na temelju povijesnih faktora, jer je lakše za navigaciju site poboljšava faktora u ponašanju, kao i svi posjetitelji će biti aktivniji u svojim postupcima i premjestiti na drugim stranicama.

Time je data čimbenici ponašanja utječe na stav o svim tražilicama na mjestu i dovesti do poboljšanog prostora u rezultatima pretraživanja.

Kako napraviti gumb „Up” na web stranici sama

Jesu li dalje istraživati. Tipka za pomicanje do stranice na bilo koji od CMS uvijek možete napraviti svoj vlastiti slijedeći nekoliko vrlo jednostavnih koraka:

• stvaranje slike;
• stvaranje skripti;
• Stvaranje gumba stilu;
• dodavanje na stranicu.

gumb slike

Za dodavanje „gore” na licu mjesta, za početak je potrebno da sama ikona bi, kada se pritisne, korisnik će se premjestiti stranicu. Možete koristiti gotove mogućnosti, među kojima uvijek možemo izabrati najprikladniji.

Da bi se poboljšala izgled gumba, morate napraviti neka poboljšanja, a to napraviti sprite, omogućuje CSS-based kombinirati slike za pozadinu, tako što je stvorio kratku animaciju.

Za grafičkih radova, možete koristiti bilo koji editor. No, većina prikladan način je on-line usluga Pixlr, jer ne postoji ništa za preuzimanje i nema potrebe da se, možete ih koristiti izravno u pregledniku.

Za početak rada u prozor editora da odaberete „Prenesite sliku sa svog računala.” Kao primjer, uzeti raketni sliku.

Ako je veličina odabranih ikona prevelika, morat ćete napraviti malu prilagodbu veličine. Da biste to učinili, „Uredi”, idite na gornjem izborniku, a zatim odaberite polje, a nakon «Free Transform ...»

Dalje, pored slike postoje posebni markeri koji se kreće, možete promijeniti veličinu slike. Za očuvanje formata slike, možete koristiti tipku Shift, smatrajući da, morate premjestiti plavi markera. Na kraju tih radnji dobiva raketa sliku.

Sljedeći korak - stvaranje kopiju sloja.

Sada trebate premjestiti sliku iz novih raketa sloj se malo. Da biste to učinili, to će biti prikladan za korištenje u pokretu alat, koji se nalazi u drugom stupcu lijevom izborniku, a strelica „gore” na tipkovnici.

Sada je potrebno da bi gornja slika na crno-bijeloj tehnici. To se može učiniti pomoću stavke „Ispravak” - „Hue / Saturation” iz gornjeg izbornika. Za potpuni gubitak boje na klizaču „Zasićenje” treba uzeti vrijednost -100. Ova akcija će učinak koji gumb „gore” će se pretvoriti iz crno-bijele u 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 izborniku i odaberite samo dvije rakete u pravokutnik. Da bi podrezivanje pritišće tipku Enter.

Da bi se dobila slika u kojoj ima previše prostora. Morate snimiti širine i visine nastalih slika, kao što će ovi podaci biti korisni u sljedećem koraku.

Za spremanje trebate kliknuti na „File” - „Save”, gdje je ostavio u „My Computer”, napisali ime slike (samo na engleskom izgled tipkovnice), odabrati oblik (u ovom slučaju - PNG) i kliknite na „Da”.

File sa pismom „Up” gumb

Napisati skriptu, u ovom slučaju to nije potrebno. To će biti moguće koristiti javni opciju, donoseći u neke izmjene spreman kod.

To će zahtijevati da preuzimanje datoteka bilo koji uređivač koda. Najpopularnija i besplatna verzija - je Notepad ++. Nakon instalacije potrebno je kopirati i zalijepiti sve ovaj kod: