Cara Menggambar Menu Situs

Daftar Isi:

Cara Menggambar Menu Situs
Cara Menggambar Menu Situs

Video: Cara Menggambar Menu Situs

Video: Cara Menggambar Menu Situs
Video: Cara Memasukkan Gambar pada Sidebar Website # Video 9 Tutorial Wordpress 2024, April
Anonim

Ada banyak tata letak situs web yang dapat ditemukan secara online. Mereka nyaman digunakan ketika tidak ada waktu untuk menulis semua kode dari awal. Jauh lebih mudah untuk mengedit template yang sudah ada dengan mengubah desainnya. Jadi, untuk menggambar menu situs Anda sendiri, Anda perlu melakukan beberapa langkah.

Cara menggambar menu situs
Cara menggambar menu situs

instruksi

Langkah 1

Sebagai contoh, pekerjaan dalam sistem ucoz dipertimbangkan. Desain berbagai elemen situs sering ditentukan menggunakan style sheet (CSS). Untuk mengaksesnya, masuk ke panel kontrol menggunakan akun administrator. Di halaman utama panel, pilih bagian "Manajemen Desain".

Langkah 2

Dalam daftar drop-down halaman yang dapat diedit, pilih Style Sheet (CSS) dari kategori Template Umum. Lihatlah informasi yang tertulis dalam baris yang berkaitan dengan desain umum (blok Gaya Umum) dan khusus untuk menu (blok dengan kata Menu di namanya). Anda perlu mengetahui parameter apa yang ditetapkan untuk bilah menu: lebar, tinggi, latar belakang panel dan tombol, gambar, dan sebagainya.

Langkah 3

Jika parameternya tidak sesuai dengan Anda, ganti dengan yang Anda butuhkan dan simpan template. Setelah itu, Anda sudah dapat memulai editor grafis dan, menggunakan informasi yang diperoleh, menggambar tombol Anda sendiri. Simpan dan kembali ke situs. Di menu "Alat", pilih item "Manajer File" atau klik tautan dengan nama yang sama yang terletak di bawah blok dengan kode.

Langkah 4

Unggah tombol baru ke situs (panah arah atau elemen grafik lainnya yang akan Anda gunakan di menu). Tuliskan nilai tombol dalam kode (misalnya, latar belakang: url ('https:// tautan ke gambar dari pengelola file') no-repeat XXpx XXpx), atur parameter untuk perataan, posisi di halaman. Tuliskan gaya dan ukuran font untuk bagian menu (font-family dan font-size) dan buat perubahan lain yang Anda perlukan.

Langkah 5

Klik tombol "Simpan", tunggu pemberitahuan bahwa templat telah berhasil disimpan dan buka halaman situs untuk mengevaluasi hasil pekerjaan yang dilakukan. Jika Anda tidak puas dengan sesuatu, Anda dapat membatalkan tindakan Anda di jendela pengeditan CSS menggunakan tombol panah kiri pada bilah alat.

Direkomendasikan: