"Up" tombol kanggo situs: carane nggawe

Kaya fungsi, tombol "munggah" kanggo situs, nggawe Internet sumber luwih trep kanggo sawijining pengunjung. Nanging kanggo mbantu gampang navigasi saka ngendi wae ing kaca ing sisih ndhuwur. Iki kudu kanggo toko online lan situs karo item gedhe sing mbutuhake gulung dawa.

Apa iku perlu

Ing wayahe, paling saka situs saka fungsi iki, tombol "munggah" ora, lan ora ana barang kang kritis. Nanging sawijining nggunakake bisa nggawa akeh kaluwihan kanggo loro sumber Internet lan kanggo sawijining pengunjung.

Keuntungan kanggo pengunjung

Asring, nalika kaca saka sumber internet akeh banget dimuat jumlah informasi, nalika artikel Alexa njupuk akèh papan lan kudu gulung mudhun kaca nggunakake setir mouse. The plus iki, ing pungkasan artikel, saiki akèh komentar iku.

Nalika Pengunjung wis maca artikel ing gulung siluman pribadi mudhun kaca ora saiki, nanging nalika teks teka menyang mburi lan perlu kanggo pindhah nganti, iku wiwit ajiné dicokot. Sebagéyan gedhé wong bakal mung kesed mimpin gulung dawa, lan padha mung nutup situs, tinimbang Camp Saw liyane liwat spasi mbukak sawijining.

Nggunakake tombol kanggo langsung dipindhah menyang ndhuwur kaca ndadekake pastime ing situs luwih trep.

Wuku lan sumber Internet

aspèk positif saka sumber dhewe adhedhasar faktor sajarah, amarga luwih gampang kanggo navigasi situs mbenakake faktor perilaku, kabeh pengunjung bakal dadi luwih aktif ing tumindak lan pindhah menyang kaca liyané.

Mangkono data faktor perilaku mengaruhi sikap kabeh mesin kanggo situs lan timbal kanggo apik papan ing asil panelusuran.

Carane nggawe tombol "Up" ing website piyambak

Dipunslidhiki luwih. Button kanggo nggulung munggah menyang situs kanggo samubarang CMS sampeyan bisa tansah nggawe dhewe dening ngisor sawetara langkah prasaja banget:

• nitahaken saka gambar;
• nitahaken saka script;
• Nggawe tombol gaya;
• nambah ing situs iki.

gambar tombol

Kanggo nambah "munggah" ing situs, kanggo perlu miwiti nggawe dhewe lambang, nalika diklik, kita bakal pindhah nganti kaca. Sampeyan bisa nggunakake opsi siap-digawe, antarane kang kita tansah bisa milih sing paling cocok.

Kanggo nambah dipikir saka tombol, sampeyan kudu nggawe sawetara dandan, yaiku kanggo nggawe Sprite a, ngidini CSS basis gabungan gambar latar mburi, mangkono Duwe digawe animasi singkat.

Kanggo karya Graphic, sampeyan bisa nggunakake editor sembarang. Nanging pilihan sing paling trep yaiku layanan online Pixlr, wiwit ana apa-apa kanggo ngundhuh lan ora perlu kanggo, sampeyan bisa nggunakake langsung ing browser Panjenengan.

Kanggo miwiti makarya ing editor jendhela milih "Upload gambar saka komputer." Minangka conto, njupuk gambar roket.

Yen ukuran lambang milih sing kegedhen, sampeyan kudu nggawe imbuhan cilik kanggo ukuran. Kanggo nindakake iki, "Sunting", pindhah menyang menu ndhuwur, lan pilih lapangan ing, lan sawise «Free ndandani ...»

Sabanjure, jejere gambar ana pelaku khusus sing obah, sampeyan bisa ngowahi ukuran gambar. Kanggo njaga rasio aspek, sampeyan bisa nggunakake tombol Shift, nyekeli sing, sing perlu kanggo mindhah pelaku biru. Ing mburi tumindak wis diduweni pluru gambar.

Langkah sabanjure - nitahaken saka salinan saka lapisan.

Saiki sampeyan kudu pindhah gambar saka pluru anyar lapisan munggah dicokot. Kanggo nindakake iki, iku bakal trep kanggo nggunakake alat pamindhahan, kang dumunung ing kolom kapindho saka menu kiwa, lan Panah "munggah" ing keyboard.

Saiki sampeyan kudu nggawe gambar ndhuwur ing ireng lan putih. Iki bisa rampung nggunakake item "Correction" - "Hue / Saturasi" saka menu ndhuwur. Kanggo discoloration panggeser lengkap "Saturasi" kudu njupuk angka -100. Aksi bakal nggawe efek sing tombol "Up" bakal nguripake saka ireng lan putih kanggo werna nalika kisaran liwat.

Ing final tutul - aman saka keluwihan papan watara loro gambar. Kanggo nindakake iki, milih item "Trim" saka menu kiwa lan pilih mung loro pluru menyang persegi dowo. Kanggo nggawe mekso trimming ing tombol Ketik.

Diwenehi gambar kang ana kakehan papan. Sampeyan perlu kanggo ngrekam jembaré lan dhuwur saka gambar asil, minangka data iki bakal migunani ing langkah sabanjure.

Kanggo nyimpen perlu kanggo klik ing "Gambar" - "Simpen", endi kiwa ing "Kula Komputer" nulis jeneng gambar (mung tata letak keyboard Inggris), milih format (ing ngono - PNG) lan klik "Ya".

Gambar kanthi aksara "Up" tombol

Tulis script, ing ngono iku ora perlu. Sampeyan bakal bisa nggunakake pilihan umum, nggawa ing sawetara amandemen kode siap.

Iki mbutuhake kanggo download sembarang kode editor. Paling populer lan uga versi free - iku Notepad ++. Sawise instalasi sampeyan kudu nyalin lan nempel kabeh kode iki: