Admin LTE (Part III)

Beralih mata dulu menulis untuk berbagi pengalaman sederhana yang pernah dialami, seindah-indahnya belajar sambil berbagi untuk mempermudah pemahaman terhadap hal-hal baru. Melanjutkan tulisan kemaren, pada bagian 3 ini mari kita mengenal lokasi code untuk tampilan berikut ini:

pada tampilan header web mungkin tidak seluruh bagian akan kita gunakan, sebagian perlu dibuang atau disembunyikan, letak code untuk tampilan di atas terletak pada bagian <div class=”navbar-custom-menu”> bagian ini cukup panjang, saya contohkan untuk gambar amplop dimulai dengan perintah <li class=”dropdown messages-menu”>, klik pada class tersebut, kemudian editornya role ke bawah untuk melihat batasnya </li>.

code di atas untuk menampilkan lambah amplop dan angka 4 di atasnya, lambang amplop menggunakan font awsome, selanjutnya kita melihat code untuk dropdownnya seperti gambar di bawah ini:

potongan code untuk tampilan di atas yaitu

silahkan cari ujungnya ditutup dengan </ul>, lanjutkan eksplorasi code untuk lambang lainnya dengan contoh kunci seperti tertera dalam potongan code di atas, sekian tulisan ini dan akan dilanjutkan pada postingan berikutnya, semoga bermanfaat

 

Leave a Reply

Your email address will not be published. Required fields are marked *