Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Cara Membuat Dropdown Tapi sederhana
plss jawab tapi jangan terlalu ribet yang sederhananya aja
tolong jawab
aku ingin tahu
2 Jawaban:
<pre><div class="dropdown"> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">JavaScript</a></li> </ul> </div></pre>
Tanggapan
Kalau CSS nya mana bang?
itu kan cuman HTML nya doang
@GHAZTHISKC119 itu memakai bootstrap gan, jadi engga perlu menulis css manual
buka aja https://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp
Jawaban Terpilih
<div>Ini contoh konsep dropdown yang super-basic<br><br>html nya:</div><pre><div class=“dropdown”> Hover disini <p class=“dropdown-item”>ini item dropdown</p> </div></pre><div><br>css nya:</div><pre>.dropdown { position: relative; }
.dropdown-item { position: absolute; display: none; }
.dropdown:hover .dropdown-item { display: block; }</pre><div><br>Konsepnya adalah item dropdown secara default disembunyikan, lalu ketika sebuah elemen penanda di-hover oleh mouse (atau diklik), item yang disembunyikan tersebut kemudian ditampilkan.<br>Tampilannya jelek? Iya memang (pastinya :v), karena di situ hanya terdapat rule css yang diperlukan untuk membuat konsep dasar dropdown.</div>
Tanggapan
makasih bro sangant jelas akhirnya aku mengerti
itu dropdown-item yang hovernya kurang titik nya
bug wkwwkwwwk
Sudah dibetulkan, maaf typo ._.