Cara Membuat Menu Menegak Untuk Laman Web

Isi kandungan:

Cara Membuat Menu Menegak Untuk Laman Web
Cara Membuat Menu Menegak Untuk Laman Web

Video: Cara Membuat Menu Menegak Untuk Laman Web

Video: Cara Membuat Menu Menegak Untuk Laman Web
Video: Tutorial Dasar Html #9 - Cara Membuat Horizontal List (Menu Web) dengan CSS Pada Html 2024, Mungkin
Anonim

Menu menegak untuk laman web adalah fungsi yang sangat mudah yang dapat menjimatkan ruang dan menavigasi sumber dengan mudah. Anda boleh membuatnya berdasarkan helaian gaya CSS lata atau menggunakan alat khas.

Cara membuat menu menegak untuk laman web
Cara membuat menu menegak untuk laman web

Arahan

Langkah 1

Buka laman web purecssmenu.com dan daftar di atasnya, jika tidak, anda tidak akan dapat membuat dan memuat turun menu yang dibuat. Di sebelah kiri, cari butang Templat dan klik padanya. Di bawah ini akan terdapat tetingkap kecil dengan templat menu menegak. Klik satu persatu dan lihat di tetingkap Pratonton. Pilih templat yang paling sesuai dengan laman web anda.

Langkah 2

Tetapkan fon dan warna menu menggunakan tab Parameter. Anda boleh memilih font dan ukurannya di medan Font. Sekiranya perlu, nyatakan garis bawah / tebal. Tetapkan latar belakang (latar belakang) menu menegak di bidang Warna, tetapkan warna font dan warna latar pada hover (fonthover / backgroundhover).

Langkah 3

Pergi ke menu Item untuk menguruskan item menu. Mengklik butang Clear akan membersihkan item sampel sehingga anda dapat membuat sendiri. Cukup dengan mengklik butang AddItem plus untuk menambahkan item di hujung menu. Dengan menggunakan butang AddNextItem, anda dapat menambahkan item yang akan diikuti setelah waktu yang dipilih. Butang AddSubitem dalam menu membuat item bersarang untuk yang dipilih. Untuk membuang garis, gunakan butang RemoveItem.

Langkah 4

Buka parameter item (ItemParameters) di bahagian bawah laman web. Masukkan nama untuk item menu di baris Teks, dan alamat webnya di Pautan. Garis Petua bertanggungjawab untuk keterangan item, ditunjukkan ketika kursor melayang di atas pautan. Bahagian Sasaran menentukan bagaimana halaman dibuka. Dengan parameter _self, halaman dapat dikonfigurasi untuk dibuka di tetingkap penyemak imbas semasa.

Langkah 5

Muat turun menu siap pakai dengan mengklik butang Muat turun di bahagian bawah halaman. Salin kod yang sesuai yang terdapat di dalam file purecssmenu.html ke dalam fail templat CSS: pada awal dan akhir. Pastikan menampal kod yang betul dan simpan failnya.

Disyorkan: