إنضم لنا

cara membuat background menggunakan fontAwesome





cara membuat background menggunakan fontAwesome
Selamat pagi gan enaknya sebelum memulai Saya ucapkan salam terlebih dahulu
Assalammualaiqum.wr.wb...
Dan tidak lupa juga untuk Membaca
Bismilahirohman nirrohim Semoga berkah Ammin



pada kesempatan kali ini saya akan memberikan sebuah tutorial cara membuat background Artikel menggunakan fontAwesome seperti yang telah saya jadwalkan dan sperti Apa contohnya berikut adalah contohnya


Ini adalah contoh untuk membuat background menggunakn fontAwesome kalian bisa lihat
Dan membuatnya pun sangat lah mudah untuk orang awam pun bisa jika kalian sedang belajar sama saya juga sedang belajar kita sama sama belajar sambil sharing

Dan berikut ini cara nya
Yang pertam kalian simpan css di bawah ini tepat di atas code ]]></b:skin>
atau di Atas code </styles>

Jika kalian menggunakaan template AMP kalian bisa menyimpanya di bawah kode
<style amp-custom='amp-custom'>

body {
  font-size: 14px;
  line-height: 1.5;
  background: #eee;
}

h1 {
  font-size: 2em;
  margin-bottom: .5em;
}

p {
  margin-bottom: 0em;
}

#wrap {
  width: 80%;
  margin: 1em auto;
  padding: 1em 1%;
  background: #fff;
  position: relative;
}

.inner {
  position: relative;
  z-index: 2;
}

#wrap:after {
  content : "\f17b";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 200px;
  color: #A4C639;
  top: 50%;
  left: 100%;
  margin: -200px 0 0 -200px;
  z-index: 1;
}
Dan untuk yang saya beri tanda warna biru bisa kalian ganti dengan Icode FontAwesome Yang Kalian suka maaf warna Merah maksud saya
Untuk membuat artikel kalian gunakan html di bawah ini
<div id="wrap">
<div class="inner">
Artikel klin di sini
</div>
</div>
Untuk mendapatkan Icode kalian bisa lihat  DI SINI

Hanya itu yang saya bisa . semoga saja bermanfaat kita sama sama belajar
Penulis:

Seorang Penulis Asal Tegal jawa tengah 


PENTING !!!
Untuk pertanyaan di luar topik silahkan Gunakan Komentar Facebook atau Google+ sengaja Kami sediakan Untuk komentar random Dan untuk pertanyaan seputar article gunakan komentar disqus Terimakasih...

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments:

This site uses cookies from Google to deliver its services, to personalise ads and to analyse traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies. Detail