"Up" tombol untuk situs: bagaimana membuat

Seperti fungsi, tombol "up" untuk situs, membuat Internet sumber daya lebih nyaman bagi pengunjung. Ini membantu untuk dengan mudah menavigasi dari mana saja di halaman di bagian atas. Ini adalah suatu keharusan bagi toko online dan situs dengan item besar yang memerlukan scroll jauh ke bawah.

Mengapa perlu

Pada saat ini, sebagian besar situs dari fungsi ini, tombol "up" tidak, dan tidak ada yang kritis. Namun penggunaannya dapat membawa banyak keuntungan untuk kedua sumber daya Internet dan kepada pengunjung.

Manfaat bagi pengunjung

Seringkali, ketika halaman sumber daya internet banyak dimuat jumlah informasi, saat artikel informasi membutuhkan banyak ruang dan harus gulir ke bawah halaman dengan menggunakan roda mouse. Plus ini, pada akhir artikel dapat menimbulkan banyak komentar untuk itu.

Ketika pengunjung membaca sebuah artikel di sebuah bergulir membosankan pribadi bawah halaman tidak hadir, tetapi ketika teks berakhir dan perlu untuk bergerak ke atas, ia mulai lelah sedikit. Kebanyakan orang akan terlalu malas untuk memimpin sebuah gulungan panjang, dan mereka hanya menutup situs, daripada berjalan-jalan lain melalui ruang terbuka.

Menggunakan tombol untuk langsung pindah ke bagian atas halaman membuat hobi di situs lebih nyaman.

Manfaat dari sumber daya Internet

aspek positif dari sumber daya itu sendiri berdasarkan faktor-faktor sejarah, karena lebih mudah untuk menavigasi situs meningkatkan faktor perilaku, seperti semua pengunjung akan lebih aktif dalam tindakan mereka dan pindah ke halaman lain.

Dengan demikian data yang faktor perilaku mempengaruhi sikap semua mesin pencari ke situs dan menyebabkan peningkatan ruang dalam hasil pencarian.

Cara membuat tombol "Up" pada website saja

Diselidiki lebih lanjut. Tombol untuk menggulir ke atas ke situs ke salah satu CMS Anda selalu dapat membuat sendiri dengan mengikuti beberapa langkah yang sangat sederhana:

• penciptaan gambar;
• penciptaan script;
• Membuat tombol gaya;
• menambahkan ke situs.

gambar tombol

Untuk menambahkan "up" di situs, untuk kebutuhan awal untuk membuat sendiri sebuah ikon, ketika diklik, pengguna akan bergerak ke atas halaman. Anda dapat menggunakan opsi siap pakai, di antaranya kita selalu dapat memilih yang paling cocok.

Untuk meningkatkan tampilan tombol, Anda perlu membuat beberapa perbaikan, yaitu untuk membuat sprite, memungkinkan CSS berbasis menggabungkan gambar latar belakang, sehingga telah menciptakan sebuah animasi pendek.

Untuk karya grafis, Anda dapat menggunakan editor apapun. Tapi pilihan yang paling nyaman adalah layanan online Pixlr, karena tidak ada yang men-download dan tidak perlu, Anda dapat menggunakannya secara langsung di browser Anda.

Untuk memulai bekerja di jendela editor untuk memilih "Upload gambar dari komputer Anda." Sebagai contoh, mengambil gambar roket.

Jika ukuran ikon yang dipilih terlalu besar, Anda akan perlu untuk membuat penyesuaian kecil untuk ukuran. Untuk melakukan hal ini, "Edit", pergi ke menu atas, lalu pilih lapangan, dan setelah «Gratis transform ...»

Berikutnya, di samping gambar ada penanda khusus yang bergerak, Anda dapat mengubah ukuran gambar. Untuk mempertahankan rasio aspek, Anda dapat menggunakan tombol Shift, memegang itu, Anda perlu untuk memindahkan penanda biru. Pada akhir tindakan ini diperoleh rudal gambar.

Langkah selanjutnya - penciptaan salinan layer.

Sekarang Anda perlu untuk memindahkan gambar dari rudal baru lapisan sedikit. Untuk melakukan hal ini, maka akan mudah untuk menggunakan perangkat bergerak, yang terletak di kolom kedua dari menu sebelah kiri, dan panah "up" pada keyboard.

Sekarang Anda perlu membuat gambar atas hitam dan putih. Hal ini dapat dilakukan dengan menggunakan item "Koreksi" - "Hue / Saturation" dari menu atas. Untuk perubahan warna slider lengkap "Saturation" harus mengambil nilai -100. Tindakan ini akan membuat efek bahwa tombol "Up" akan berubah dari hitam dan putih untuk warna saat Anda membawa lebih dari itu.

Final sentuh - penghapusan kelebihan ruang di sekitar dua gambar. Untuk melakukan ini, pilih item "Potong" dari menu kiri dan pilih hanya dua rudal ke persegi panjang. Untuk membuat menekan pemangkasan tombol Enter.

Untuk mendapatkan gambar di mana ada terlalu banyak ruang. Anda perlu untuk merekam lebar dan tinggi dari gambar yang dihasilkan, karena data ini akan berguna dalam langkah berikutnya.

Untuk menyimpan kebutuhan untuk klik pada "File" - "Simpan", di mana kiri di bawah "My Computer" menulis nama gambar (hanya layout keyboard bahasa Inggris), pilih format (dalam hal ini - PNG) dan klik "Yes".

File dengan script "Up" tombol

Menulis naskah, dalam hal ini tidak perlu. Ini akan mungkin untuk menggunakan pilihan publik, membawa beberapa perubahan kode siap.

Hal ini akan membutuhkan untuk mendownload code editor. Yang paling populer dan juga versi gratis - adalah Notepad ++. Setelah instalasi Anda perlu menyalin dan paste semua kode ini: