2013-07-06

bootstrap part 4 pake Fam icons

sesuai janjiku untuk menjelaskan pake FAM icons.. saya harus tekankan beberapa hal yaitu

  • tulisan ini hanya menjelaskan yang ada di part 2
  • masing-masing metode memiliki kelebihan dan kekurangan
  • peletakan js,img, dan lain-lain sesuaikan dengan kebiasan anda
tanpa membuang waktu, kita akan membahas pemakaian tombol dahulu. Disini kita dapat memakai tombol atau tag a. Sejujurnya saya memilih <button>, namun perlu di garis bawahi bahwa kita harus menyesuaikan dengan kebutuhan. Untuk kedepannya manfaatkan <a> saja.
Sebelum memulai. Pastikan semua file terpanggil dengan benar.
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/bootstrap-responsive.min.css" />
<link href="../css/fam-icons.css" rel="stylesheet" type="text/css" media="all" />
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>

samakan alamatnya sesuai posisi kamu meletakkannya. Untuk fam-icons.css hrs diperhatikan peletakannya.

kita mulai dari contoh sederhana yaitu
<button class="btn btn-small"><i class="fam-accept"></i></button>
hasilnya
Sebenarnya icon ini hadir dari script
<i class="fam-accept"></i>
hasilnya

perhatikan penggunaan checklist yang ada di atas. Itu didapat dari <i class="fam-{nama}" ></i>
untuk <a> kamu bisa memakai
<a href="#" class="btn btn-small"><i class="fam-wrench-orange"></i> link with FamFamFam icons (a)</a>
ada banyak pilihan lain. Buka aja htmlnya dan temukan icon yang bisa kamu gunakan.
tutorial berikutnya adalah bagaimana membuat login!!

Tidak ada komentar: