Saturday, September 12, 2015

Belajar CSS Bagi Pemula Part 2 lengkap

Belajar CSS dasar untuk pemula dengan mudah Part 2 sebelumnya saya sudah memberikan tutorial tentang Belajar CSS (cascading code style) dasar bagi pemula serta penjelasannya. bagaimana dengan tutorial yang pertama sudah mengerti ?, CSS adalah hal yang pertama bagi saya untuk mendesign Template, walaupun dengan CSS kita bisa meRedesign dengan bertujuan menclone tetapi jangan lupa memasang link credit dan lainnya, juga jangan diperjual belikan dan disebar luaskan. kita juga bisa membuat button download, demo dan juga lainnya, pada CSS kita juga bisa membuat ataupun menghilangkan HTML, pada awalnya juga saya mencoba mengutak atik CSS dengan manual. Caranya ??? kita bisa mengedit dan mengubah dulu tanpa mengsave atau disimpan di tempat CSS dan di template langsung, Yaitu dengan cara menginspect element, sekarang kita mencobanya dengan cara Klik kanan + Inspect Element.

Contoh yang 1 ini adalah cara melihat Kode Warna Ataupun CSS ini

CSS


Sebenarnya Inspect Element Adalah hal utama yang ada di CSS dan juga HTML, dan pada Gambar diatas kita bisa melihat di Bawah Kanan Ujung Itu Adalah kode CSS dari Button Tersebut

Dan di Bawah Kiri Ujung Itu Adalah Kode HTML sama Seperti CSS itu bisa diubah ,

Bagaimana Cara mengedit Warna tanpa menyimpannya min??? , Caranya mudah sekali yaitu dengan Cara Klik Warna yang ada disitu dengan berbentuk bulat , Bisa Langsung dengan KODE HEX Warna dan bisa Juga Langsung dengan Cara Find Color
Baca Juga : Belajar CSS Dasar Untuk Pemula Part 1
Find Color : Find Color mudah saja dengan Cara Klik bulat dan klik tanda untuk Mencari Kode Warna yang ada di Sekitar Blog/Website/Wap dan juga Lainnya

Cara Menambahkan CSS pada Inspect Element CSS : Bagaimana caranya ?? yaitu dengan cara Klik pada Area kosong yang ada di Inspect Element CSS Area jangan di HTML Area.

Dan Lanjut ke yang Berikutnya

Cara Mengubah gambar Dengan CSS dan Juga HTML di Inspect Element dan dengan cara mengubah gambar ataupun ICON juga bisa, gimana caranya bro ??
Mudah gan dengan Cara kita Tambah kode berikut
background:#DDD url('Alamat Gambar');
Kita mulai penjelasannya yaitu :
Background : Kode background CSS bisa untuk Warna Alamat Gambar Dsb
#DDD : Kode Warna
'Petik : Bisa di Hilang kan Juga
Alamat gambar : kode Alamat gambar contoh http://www.rafaeltkj.com/logo.png
;Titik koma : Tanda ini untuk pemisah pada Kode CSS

Berkomentarlah sebagai pengunjung yang baik.
EmoticonEmoticon