Cara Menyesuaikan Menu Situs

Daftar Isi:

Cara Menyesuaikan Menu Situs
Cara Menyesuaikan Menu Situs

Video: Cara Menyesuaikan Menu Situs

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

Ucoz adalah sistem manajemen situs web yang populer. Dengan bantuannya, Anda dapat menyesuaikan setiap elemen sumber daya Anda sendiri dan membuat desain halaman yang unik. Menu adalah salah satu elemen utama dari situs mana pun, karena melaluinyalah pengguna menavigasi sumber daya Anda.

Cara menyesuaikan menu situs
Cara menyesuaikan menu situs

instruksi

Langkah 1

Anda dapat menggunakan kontrol pembuat situs untuk menyesuaikan menu di Ucoz. Jadi, Anda dapat mengubah warna latar belakang template yang dipilih, warna tautan dan teks di blok menu. Pengeditan semua elemen dilakukan melalui menu desainer "Desain" - "Manajemen Desain (CSS)".

Langkah 2

Ini akan membuka lembar gaya CSS, mis. template atas dasar yang elemen antarmuka ditampilkan. Temukan baris navBar dalam kode yang ditampilkan dan edit sesuai keinginan Anda. Sebagai contoh:

#navBar {padding: 4px; latar belakang: #959595; melimpah: otomatis; warna merah; }

Langkah 3

Kode ini menetapkan lekukan teks dari batas blok yang dibuat sebesar 4 piksel, sedangkan latar belakang menu memperoleh nilai # 959595, yang sesuai dengan warna tertentu dalam format HTML. Parameter overflow: auto digunakan untuk mengatur tampilan konten yang tidak sesuai dengan area yang ditentukan. Parameter ini tidak boleh diedit tanpa kebutuhan khusus. Opsi warna mengatur elemen konten blok menjadi merah.

Langkah 4

Untuk mengedit parameter tautan, Anda juga dapat menggunakan opsi yang berada di blok kode yang sama. Ubah #navBar a: link (link normal), a: active (warna link setelah diklik), a: visitors (link yang dikunjungi), dan a: hover (warna link setelah hover) sesuai keinginan Anda. Ubah warna atribut warna dan edit parameter dekorasi teks, yang menetapkan atribut untuk teks. Nilai untuk opsi ini dapat berupa garis bawah, kedip, garis tembus, garis atas.

Langkah 5

Setelah mengedit, klik tombol "Simpan". Dengan cara yang sama, ubah baris.subColumn (latar belakang untuk menampilkan item menu vertikal),.boxTable (judul blok menu),.boxContent (isi daftar tautan menu),.uMenuV (item menu vertikal) sesuai keinginan Anda. Anda dapat menghapus parameter yang tidak perlu dan memasukkan kode CSS Anda sendiri, serta mengedit warna elemen lain dalam desain.

Langkah 6

Simpan perubahan dan lihat hasilnya dengan membuka halaman situs web Anda. Pengeditan item menu Ucoz selesai.

Direkomendasikan: