Siswa Magang : Buat Background Content Yang Bisa di Fixed dan Content Bar Penghitung

Seperti judul diatas hari ini kita akan coba buat Background content yang bisa di fixed . Kita coba hanya pakai css disini tanpa ada js ataupun jquery, mudah-mudahan bisa membantu.

Berikut Adalah Contoh Dari Background content yang akan kita buat :

1

2

Gimana udah tahu maksudnya?? kalo belum kita bedah kasus aja dulu nanti silahkan hasil dicoba sendiri ๐Ÿ™‚

Contoh diatas saya menggunakan div class yang ada di Content, jadi setelah bedah kasus ini kalian bisa mencoba untuk mengaplikasikannya pada div lainnya yang mungkin ingin kalian buat seperti ini.

Yang Pertama kita buat dulu script html bagian luarnya atau untuk background


lalu kita tambahkan css berikut

sampai sini kita sudah dapat 50% dari apa yang ingin kita buat, selanjutnya kita buat contoh div untuk peletakan penghitungan bar. Ketik Script berikut di HTML , didalam div .skin-on sebagai contoh

Sekarang ketik css ini

Sekarang content fixed image sudah jadi, bagaimana menarik dipelajari atau tidak?? Sekian yang dapat saya sampaikan semoga bermanfaat ๐Ÿ™‚

Loading Facebook Comments ...