Forum Sains Indonesia

Ilmu Terapan => Teknologi Informasi => Internet dan Networking => Topik dimulai oleh: sukmasuk2006 pada Maret 07, 2011, 03:41:53 PM

Judul: ajarin mbuat drop down menu -pake CSS
Ditulis oleh: sukmasuk2006 pada Maret 07, 2011, 03:41:53 PM
Saya lagi ada tugas pWeb disruh mbuat drop down menu tapi bingung mulai dari mana
mohon bantuan step2nya
Judul: Re: ajarin mbuat drop down menu -pake CSS
Ditulis oleh: MonDay pada Maret 08, 2011, 11:57:01 PM
cb gunakan ini http://cssmenumaker.com/
Judul: Re: ajarin mbuat drop down menu -pake CSS
Ditulis oleh: sukmasuk2006 pada Maret 09, 2011, 05:14:44 PM
wah saya pinginya ngoding dari awal
hehe
Judul: Re: ajarin mbuat drop down menu -pake CSS
Ditulis oleh: MonDay pada Maret 09, 2011, 05:41:14 PM
dst ada source code bs dioprek dan dipelajari dr awal
Judul: Re: ajarin mbuat drop down menu -pake CSS
Ditulis oleh: reborn pada Maret 09, 2011, 08:22:15 PM
Pertama kita bikin html nya. Biasanya kita bikin pake tag list <ul><li>, alasannya kalo pun tanpa css tampilannya tetep bermakna buat pengguna, secara struktur juga benar memakai list buat menu. Misalnya kita bikin :

<ul id="menu">
  <li>Home</li>
  <li>Menu 1
    <ul>
      <li>Sub Menu 1</li>
      <li>Sub Menu 1</li>
      <li>Sub Menu 1</li>
    </ul>
  </li>
  <li>Menu 2
    <ul>
      <li>Sub Menu 2</li>
      <li>Sub Menu 2</li>
      <li>Sub Menu 2</li>
    </ul>
  </li>
</ul>


Html selesai. Sekarang bagian sulitnya, bikin biar jadi drop down menu, entah vertikal atau horizontal. Banyak cara sebenarnya, bisa pake javascript. DHTML atau css. Tergantung mau pake yang mana. Tapi mungkin paling tepat pake yang hanya menggunakan standar html dan css. Tapi juga harus dipikirin caranya biar bisa ditampilkan dengan benar di setiap browser. Contohnya? ya, coba2 dulu, hehe... ga ngebantu ya? Abis bilangnya mau coba2 dari awal kan hehe... Coba main2 ke w3schools.com.
Judul: Re: ajarin mbuat drop down menu -pake CSS
Ditulis oleh: sukmasuk2006 pada Maret 10, 2011, 11:31:48 AM
hahaha

ok om thanks

udah jadi kok drop down nya hehehe, pake CSS