Tampilkan postingan dengan label desain-web. Tampilkan semua postingan

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> *...

Cara Membuat Form Pencarian Tersembunyi Pada Navbar seperti di gmail

Desember 29, 2016 / Juanas Smith Shared / 0 Comments

Selamat Malam Bertemu lagi dengan Saya Juanas di tutorial Cara Membuat Form Pencarian yang bisa disembunyikan seperti di gmail, ketika icon cari di klik maka form pencarian akan muncul. Saya Menggunakan efek toggle di button nya kemudian ditambahkan style position nya absolute dan z-index nya100 agar form pencarian menumpuk diatas navbar dan berada di layer paling atas, oke...

Cara Membuat Sticky Navigation (Fixed Position saat di scroll)

Desember 25, 2016 / Juanas Smith Shared / 0 Comments

Selamat Sore, Pada postingan sebelumnya saya udah membahas tentang cara membuat template one page yang responsive. Kebanyakan template yang sekarang jika halaman di scroll ke bawah maka navbar akan melayang diatas halaman dan jika discroll lagi ke bawah maka navbar akan kembali ke posisi semula seperti pada gambar diatas, nah untuk membuatnya kita membutuhkan jquery yang akan menangani...

Cara Membuat Template Web One Page Responsive

Desember 24, 2016 / Juanas Smith Shared / 0 Comments

Assalamualaikum wr. wb. Ketemu lagi dengan saya. Kali ini saya akan membahas cara membuat template one page yang responsive. Membuat template bisa anda jadikan untuk menambah penghasilan yang lumayan karena harga per template rata-rata sekitar $25 anda bisa memasarkanya di themeforest.net. Nah kali ini saya akan share cara membuat template yang sederhana nantinya bisa anda kembangkan lagi. pertama kita...

Cara Membuat Navbar Responsiv dengan CSS Sendiri

Desember 24, 2016 / Juanas Smith Shared / 0 Comments

Selamat sore Guys kali ini kita akan membuat navbar yang responsive dengan css. Jika dibuat dengan bootstrap itu gampang, tetapi jika membuat dengan css secara manual bagaimana caranya? oke langsung saja. Pertama kita buat dulu struktur htmlnya seperti berikut: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Responsive Navbar</title> <link rel="stylesheet" href="style.css">...

Langganan: Postingan ( Atom )