Tampilkan postingan dengan label css. Tampilkan semua postingan

Membuat Chat Bubble Seperti di Facebook dengan CSS dan jQuery

Mei 09, 2019 / Juanas Smith Shared / 0 Comments

Selamat Siang kali ini admin akan membahas Chat Bubble dengan CSS dan JQuery, langkah pertama buat dulu kerangka htmlnya seperti berikut <!DOCTYPE html> <html> <head> <title>Facebook Like Chat</title> <link rel="stylesheet" type="text/css" href="style.css"> <script src="jquery.js"></script> <script src="style.js"></script> </head> <body> <div class="chat_box"> <div class="chat_head">Chatbox</div> <div class="chat_body"> <div class="user">Juanas Smith</div> </div> </div> <div class="msg_box" style="right: 290px"> <div class="msg_head">Juanas Smith <div class="close">x</div></div>...

Cara Membuat Background Video dengan CSS seperti websitnya unity

Juni 10, 2018 / Juanas Smith Shared / 0 Comments

Assalamualikum Wr. Wb. Selamat Pagi Semuanya. Kali ini saya mau berbagi tutorial cara membuat background video seperti websitenya unity. Jika kalian pernah mengunjungi websitenya unity 3d engine pasti pernah melihat backgroundnya itu menggunakan video, nah bagaimanakah cara membuat background video seperti itu? ternyata caranya cukup mudah hanya mengandalkan style CSS. Ok langsung saja untuk membuatnya siapkan satu buah...

Menyatukan beberapa file PHP menjadi sebuah halaman berbentuk kotak-kotak dan memisahkanya per Bab

Mei 29, 2018 / Juanas Smith Shared / 0 Comments

Misalkan anda mempunyai beberapa file PHP dan anda ingin menyatukan beberapa file PHP tersebut menjadi sebuah halaman menjadi beberapa blok. ini juga pernah saya alami waktu saya dikasih tugas desain Pemerograman web. kita akan membuat desain web dengan html dan css untuk menempatkan file-file PHP tersebut. pertama kita buat dulu kerangka htmlnya seperti berikut: <html> <head><title>Tugas</title> <style> *...

Membuat Animasi Glowing Dots dengan CSS dan HTML

April 21, 2018 / Juanas Smith Shared / 0 Comments

Selamat siang, kali ini admin masih membahas tentang animasi. pada kesempatan kali ini kita akan membuat animasi glowing dots dengan HTML dan CSS. Langkah pertama buat dulu struktur HTML nya seperti dibawah : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Glowing Dots</title> <link rel="stylesheet" href="css/glowing.css"> </head> <body> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </body> </html> Selanjutnya...

Menggabungkan bentuk Segitiga dan Persegi panjang menjadi Bubble Chat dengan CSS

April 17, 2018 / Juanas Smith Shared / 0 Comments

Selamat Siang kali ini kita akan membuat Div bubble dengan menggabungkan bentuk persegi panjang dan segitiga kemudian pinggiranya diberi border dan hasilnya seolah-olah hanya satu bentuk. div buble ini bisa digunakan untuk menampilkan komentar, untuk chat bubble dll. langsung saja, ini scriptnya: <!DOCTYPE html> <html> <head> <title>Div Bubble Box</title> <style type="text/css"> body { background-color: #de302f; font-family: sans-serif; font-size:...

Langganan: Postingan ( Atom )