Cara Menyesuaikan Menu Laman Web

Isi kandungan:

Cara Menyesuaikan Menu Laman Web
Cara Menyesuaikan Menu Laman Web

Video: Cara Menyesuaikan Menu Laman Web

Video: Cara Menyesuaikan Menu Laman Web
Video: Cara Menyesuaikan Menu Website di Sitebeat 2024, November
Anonim

Ucoz adalah sistem pengurusan laman web yang popular. Dengan bantuannya, anda dapat menyesuaikan setiap elemen sumber anda sendiri dan membuat reka bentuk halaman yang unik. Menu adalah salah satu elemen utama dari mana-mana laman web, kerana melalui itulah pengguna menavigasi sumber anda.

Cara menyesuaikan menu laman web
Cara menyesuaikan menu laman web

Arahan

Langkah 1

Anda boleh menggunakan kawalan pembina laman web untuk menyesuaikan menu di Ucoz. Jadi, anda boleh menukar warna latar belakang templat yang dipilih, warna pautan dan teks dalam blok menu. Penyuntingan semua elemen dilakukan melalui menu pereka "Design" - "Design Management (CSS)".

Langkah 2

Ini akan membuka lembaran gaya CSS, iaitu templat berdasarkan asas elemen antaramuka. Cari garis navBar dalam kod yang dipaparkan dan edit mengikut kesesuaian anda. Sebagai contoh:

#navBar {padding: 4px; latar belakang: # 959595; limpahan: automatik; warna: merah; }

Langkah 3

Kod ini menetapkan lekukan teks dari batas blok yang dibuat sebanyak 4 piksel, sementara latar belakang menu memperoleh nilai # 959595, yang sesuai dengan warna tertentu dalam format HTML. Overflow: parameter auto digunakan untuk mengatur tampilan kandungan yang tidak sesuai dengan area yang ditentukan. Parameter ini tidak boleh diedit tanpa keperluan khas. Pilihan warna menetapkan elemen kandungan blok menjadi merah.

Langkah 4

Untuk mengedit parameter pautan, anda juga dapat menggunakan pilihan yang ada di blok kod yang sama. Tukar pautan #navBar a: (pautan normal), a: aktif (warna pautan setelah mengklik), a: pautan yang dikunjungi (dikunjungi), dan a: hover (warna pautan setelah melayang) mengikut keinginan anda. Ubah warna atribut warna dan edit parameter hiasan teks, yang menetapkan atribut untuk teks. Nilai untuk pilihan ini boleh menjadi garis bawah, berkedip, garis bawah, garis atas.

Langkah 5

Selepas mengedit, klik butang "Simpan". Dengan cara yang sama, ubah baris.subColumn (latar belakang untuk memaparkan item menu menegak),.boxTable (tajuk blok menu),.boxContent (isi senarai pautan menu),.uMenuV (item menu menegak) mengikut keinginan anda. Anda boleh membuang parameter yang tidak perlu dan memasukkan kod CSS anda sendiri, serta mengedit warna elemen lain dalam reka bentuk.

Langkah 6

Simpan perubahan dan lihat hasilnya dengan pergi ke halaman laman web anda. Penyuntingan item menu Ucoz selesai.

Disyorkan: