Mendesain Menu dengan CSS
Author: Triswansyah Yuliano · Published: April 16, 2009 · Category: Internet dan Web, Pemrograman HTML, XML, CSS
Mendesain Menu (Vertikal) dengan CSS
Untuk mendesain menu dengan CSS kita memerlukan daftar menu yang dibuat dengan HTML. Tag HTML yang digunakan untuk membuat menu adalah ul. Di bawah ini adalah kode HTML dari menu yang akan didesain oleh CSS.
<ul>
<li><a href="/">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="support.html">Suport</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
Kode tersebut akan menghasilkan tampilan sbb:
- Home
- Services
- Support
- About Us
- Contact Us
Untuk mendesain menu tersebut kita harus memberi id terlebih dahulu untuk membedakan dengan daftar ul yang lain, sehingga kode di atas menjadi sbb:
Download Tulisan Lengkap: triswan-menucss.pdf
Related Articles
- Meng-override Style di Aplikasi Web yang Dihasilkan oleh PHPMaker
- Menambahkan Menu Utama di Open Journal Systems
- Membuat Flyout Menu pada Android App menggunakan Xamarin
- Membuat Backslide pada Website
- Cara Membuat Tampilan Menu yang Disertai Animasi Flash Dalam Visual Basic Basic 6.0
- XAMARIN ANDROID: Bekerja Dengan Expandable ListView
- Membuat content web dengan Microsoft Word
- Menampilkan Menu Pengumuman di Open Journal Systems
- Mengenal Custom Templates di PHPMaker
- XAMARIN ANDROID: Bekerja Dengan CardView
- Analisa keruskan Monitor (Troubleshoting)
- Membuat Form dengan Google Docs
- Generate UML dari Kode Java Menggunakan Netbeans
- Memberi Volume Label Flash Disk di Linux
- Membuat Toko Online dengan WordPress
- Memasukkan dan Menghapus Artikel dari Daftar Profil Google Scholar
- Kupas Tuntas CSS
- Games Sederhana dengan HTML5
- Seri-3 Bootstrap: Sistem Grid
- Mudahnya Menginstall Windows Vista Home Premium