MICROSOFT ACCESS 2007: Icon Perintah pada Tab Home MICROSOFT ACCESS 2007 merupakan aplikasi pengolah database yang lebih user friendly dibandingkan dengan versi sebelumnya. Inovasi tampilan menu terjadi secara signifikan pada versi 2007 ini. Sudah lama pihak Microsoft tidak melakukan perubahan inovatif pada jenis tampilan menu. Namun sejak versi 2007 ini Microsoft mulai mengukuhkan standar baru dalam menampilkan menu suatu program terapan milik perusahaannya. Inovasi baru tersebut dikenal dengan istilah “ Ribbon”. Ribbon merupakan daerah di bawah Title Bar yang digunakan untuk menampilkan tab dan menu perintah yang terdapat dalam tab tersebut. Dalam tiap tab terdiri dari kelompok-kelompok menu perintah berdasarkan kesamaan fungsinya, disebut dengan istilah “group”. Dengan demikian access 2007 tidak lagi dikuasai “kaum Barbar’” (menu bar, Toolbar Formatting, dll). Adapun icon perintah yang terdapa di tab Home dikelompokkan menjadi 7 group: (1) Views, (2) Clipboard, (3) Font (4) Rich Text, (5) Record, (6 ) Short ganti conten value sesuai dengan icon yang diperlukan .element:before content: \f000 ; font-family: Font Awesome; font-style: normal; font-weight: normal; text-decoration: inherit; -sesuaikan sebagai tambahan- color: 000; font-size: 18px; padding-right: 0.5em; position: absolute; top: 10px; left: 0; Berikut ini list lengkap icon Font Awesome dan CSS value content Icon Aplikasi Website icon-adjust \f042 icon-anchor \f13d icon-asterisk \f069 icon-ban-circle \f05e icon-bar-chart \f080 icon-barcode \f02a icon-beaker \f0c3 icon-beer \f0fc icon-bell \f0a2 icon-bell-alt \f0f3 icon-bolt \f0e7 icon-book \f02d icon-bookmark \f02e icon-bookmark-empty \f097 icon-briefcase \f0b1 icon-bullhorn \f0a1 icon-bullseye \f140 icon-calendar \f073 icon-calendar-empty \f133 icon-camera \f030 icon-camera-retro \f083 icon-certificate \f0a3 icon-check-empty \f096 icon-check-minus \f147 icon-check-sign \f14a icon-check \f046 icon-circle \f111 icon-circle-blank \f10c icon-cloud \f0c2 icon-cloud-download \f0ed icon-cloud-upload \f0ee icon-code \f121 icon-code-fork \f126 icon-coffee \f0f4 icon-cog \f013 icon-cogs \f085 icon-collapse-alt \f117 icon-comment \f075 icon-comments \f086 icon-comments-alt \f0e6 icon-credit-card \f09d icon-crop \f125 icon-dashboard \f0e4 icon-desktop \f108 icon-download. CSS Icon Social Network Flat UI Dengan Font Awesome – lama tidak update artikel jadi lumayan bingung mau menulis apa dan mulai dari mana. Tapi pada intinya seperti biasa hanya membahas tentang CSS untuk yang suka bermain kode dan mencoba untuk merubah tampilan blog. Tentu semua sudah tahu tentang font awesome, ikonik font yang banyak di gunakan oleh blogger untuk membuat ikon dengan cara yang ringkas ke dalam tampilan blog mereka. Membuat ikon jaringan sosial dan menerapkan ke dalam blog merupakan salah satu cara untuk menarik perhatian dan mendapatkan pengunjung ke jejaring sosial anda. Demikian juga untuk memudahkan mereka untuk menemukan situs anda di akun jejaring social lain. Icon pack social network flat UI ini lumayan lengkap sehingga akun apapun yang anda punya dapat dengan mudah untuk di tempatkan ke dalam area widget pada blog anda. Terdapat 30 akun social network, yang ukuran dan bentuk ikon serta efek hover bisa di sesuaikan agar sesuai dengan blog masing-masing. Berbagai pilihan bentuk icon media social dan efek hover bisa dilihat ada di halaman demo. Langkah pertama yang perlu di perhatikan adalah pada template sudah terpasang font awesome, jika belum bisa memeasang terlebih dahulu dengan menaruh kode berikut ini dan taruh di atas kode pada template. Berikut untuk kode CSS dan markup HTML masing-masing icon: Taruh CSS di dalam tag .sc-network a color: fff;width:50px;height:50px;display:block;margin:2px;text-align:center;float:left;font-size:40px.sc-network a:hover opacity:0.5.sc-network i line-height:50px.fac background: 3 B5998.twi background: 39 A9 E0.gog background: D14836.rss background: FF8300.yut background: CD332 D.lin background: 007 FB1.git background: 4183 C4.pin background: CB2027.ins background: 3 F729 B. Bagi seorang Front- End Web Developer terkadang untuk mempercantik tampilan sebuah tampilan web membutuhkan pemanis berupa icon. Dengan adanya icon-icon akan membuat visualisasi dari sebuah web menjadi tampak lebih segar dan tentunya lebih indah. Namun masalahnya adalah, membuat icon itu bukan sebuah hal yang gampang. Diperlukan skill khusus untuk mendesign icon. Untuk icon khusus yang merupakan ciri khas dari sebuah produk atau brand, tentu kita harus mendesainnya sendiri. Namun bagaimana dengan icon-icon standar yang memang selalu digunakan? Haruskah kita membuatnya juga satu persatu? Jawabannya tentu saja tidak, kita bisa menggunakan tools yang satu ini untuk mempermudah kerja kita, Font Awesome. Font Awesome merupakan font yang berisi icon-icon yang telah dimuat menjadi framework css yang bisa digunakan untuk mempermudah menampilkan icon-icon standar dalam front-end development. Font Awesome dibuat oleh Dave Gandy, dan saat ini sudah versi dan bisa didownload disini. Versi sebelumnya juga masih bisa digunakan dan didownload disini. Dan jika kamu mau berkontribusi dan ingin melihat projectnya bisa ke Githubnya disini. Ada 439 jenis icon yang ada di Font Awesome yang siap untuk digunakan. Untuk melihat icon apa saja yang bisa kita gunakan bisa Kamu lihat disini. Sebenarnya Font Awesome didisain untuk Bootstrap, namun masih oke digunakan untuk framework yang lainnya. Karena Font Awesome merupakan vektor, jadi Kamu nggak perlu takut menggunakan size besar dan khawatir tampilannya akan rusak jika digunakan pada size yang besar. Penggunaannya santa mudah sekali, kita hanya perlu menyimpan kode berikut pada header kita: Kemudian memanggil icon yang ingin kita gunakan dengan cara seperti berikut:
Download Now