Menu lungsur menegak sangat berguna - menjimatkan ruang di laman web, dan pada masa yang sama membantu melayari laman web dengan mudah. Cuba buat menu lungsur berdasarkan CSS - Cascading Style Sheets. Sekiranya anda belum pakar dalam membuat kod CSS, maka gunakan perkhidmatan purecssmenu.com. Anda diminta untuk memilih jenis menu, menyesuaikan penampilannya, dan kemudian menyesuaikannya dengan laman web anda sendiri. Perkhidmatan itu sendiri akan menghasilkan kod yang diperlukan, yang kemudian anda masukkan ke dalam fail laman web anda.
Arahan
Langkah 1
Daftar di laman web purecssmenu.com, jika tidak, anda tidak akan dapat memuat turun menu yang dibuat. Klik butang Templat di sebelah kiri halaman. Di bawah ini anda akan melihat beberapa tetingkap kecil dengan templat menu lungsur, mengklik yang akan memuat pratonton di sebelah kanan di tetingkap Pratonton. Pilih templat yang sesuai dengan laman web anda
Langkah 2
Sesuaikan fon dan warna menu: gunakan tab Parameter. Di medan Font, pilih fon, saiz fon, jika perlu, garis bawah dan tebal. Di bidang Warna, tetapkan latar belakang menu, warna font, dan hover font dan warna hover latar
Langkah 3
Buka tab Item untuk menguruskan item menu. Sekiranya anda mengklik butang Clear recycle bin, item sampel akan dibersihkan dan anda boleh membuatnya sendiri. Untuk melakukan ini, tekan butang Tambah Item tambah - item akan ditambahkan ke akhir menu. Butang Tambah Item Seterusnya digunakan untuk menambahkan item mengikut waktu yang dipilih sekarang. Butang Tambah Subitem membuat item sub-menu untuk pilihan. Oleh itu, untuk membuang item, gunakan butang Buang Item
Langkah 4
Perhatikan bidang Parameter Item di bahagian bawah laman web. Di baris Teks, tentukan nama item menu, di baris Pautan - url halaman yang akan dipimpin oleh item ini. Di baris Petua, anda boleh meninggalkan keterangan item, yang akan ditunjukkan semasa anda mengarahkan kursor ke pautan. Garis Sasaran digunakan untuk menentukan cara membuka halaman yang menuju ke pautan. Parameter _self pada baris ini membuka halaman di tetingkap penyemak imbas yang sama dengan yang sekarang
Langkah 5
Setelah selesai menyiapkan menu, muat turun - klik butang Muat turun di kanan bawah halaman (fungsi ini tersedia setelah mendaftar di laman web ini). Pilih folder pada cakera keras anda di mana fail arkib akan disimpan. Membongkarnya. Anda perlu menyalin kod yang diperlukan dari fail purecssmenu.html ke dalam fail templat CSS laman web anda. Buka fail purecssmenu.html dengan editor teks dan salin kod antara dan tag ke dalam templat CSS laman web anda (fail ini mempunyai lanjutan.css dan kelihatan seperti file.css). Sekarang tampal kod tersebut ke dalam fail templat laman web (tema) - kod dari purecssmenu.html antara komen dan bukannya kod menu biasa. Untuk melakukan ini, anda sekurang-kurangnya perlu memahami pengaturcaraan. Pastikan menampal kod ke dalam fail yang betul dan simpan.
