Komputer

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

Please log in using one of these methods to post your comment:

WordPress.com Logo

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

Google photo

You are commenting using your Google 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 )

Connecting to %s