Tips Dan Trik

dapatkan Kumpulan tips dantrik yang lengkap disini

  • Gudang Data

  • Mendesain Menu (Vertikal) dengan CSS

    Posted by Rachmat Hidayat on 19 April 2009

    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

    Related Articles

    1. Menu IDE Delphi yang Tersembunyi
    2. HTML Report dengan Delphi
    3. Membangun Web Bisnis Dengan Frontpage 2000
    4. Membuat Popup Menu dengan Visual Basic 6.0
    5. Analisa keruskan Monitor (Troubleshoting)
    6. HTML dan CSS
    7. Konsep XML Web Services
    8. Cara Membuat Tampilan Menu yang Disertai Animasi Flash dalam Visual Basic Basic 6.0
    9. Menentukan Nilai RGB Warna dengan WhatColor
    10. Membuat Kuis Interaktif Dengan Flash 8.0
    11. Cara Mudah Menciptakan Menu dan Toolbar pada Visual Basic.
    12. Network Service Infrastructure For Transcoding Multimedia Streams
    13. Trik agar win XP home join ke domain server
    14. Mudahnya Menginstall Windows Vista Home Premium
    15. ASP.NET 2.0: Pemrograman Navigasi Web Site
    16. WWW Mirroring dengan w3mir
    17. Membuat Remaster Linux Knoppix
    18. Membuat Efektif Keyword
    19. C++ : Scope Class
    20. Membuat Remaster Linux Knoppix

    Ditulis Oleh: http://ilmukomputer.org

    Leave a Reply

    Fill in your details below or click an icon to log in:

    WordPress.com Logo

    You are commenting using your WordPress.com account. Log Out / Change )

    Twitter picture

    You are commenting using your Twitter account. Log Out / Change )

    Facebook photo

    You are commenting using your Facebook account. Log Out / Change )

    Google+ photo

    You are commenting using your Google+ account. Log Out / Change )

    Connecting to %s

     
    %d bloggers like this: