Font Awesome, Icon Menu untuk Programmer dan Cara Menggunakannya
esNesia-Awesome font adalah gambar-gambar icon yang biasanya dipakai oleh para programmer untuk memberikan kesan bagus, menarik, dan asyik pada menu-menu, terutama dalam pemrograman web.
Free Awesome Font |
Menu with awesome |
Cara Menggunakan awesome font
Pertama : Masukkan kode berikut pada file web Anda di antara <head> dan </head>
[ <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">]Kedua : Membuat link dengan icon awesome di menu
contoh :
[<li class='menu-item-type-custom menu-item' data-enable_mega='' data-icon='fa-download'> <a href='http://www.esnesia.com/search/label/freesources'>Free Download</a></li>]maka akan tapil gambar download sebelum text Free Download seperti ini --> [##download## Free Download] atau seperti menu Free Download di header web ini.
perhatikan kode data-icon='fa-download' itu didapat dari laman http://fontawesome.io/icons/ Sobat bisa mengganti dengan kode icon yang lain misal fa-address-book , fa-home, dan lain-lain, silahkan cari sendiri di situs resmi awesome icon
0 comments:
Post a Comment