Postingan lainnya
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 ._.