Category Archives

Archive of posts published in the category: CSS

Beberapa Website yang Masuk dalam Wilayah DKI

Jakarta sebagai ibukota Indonesia memiliki website resmi yang sangat bagus. Bagus dari segi desain, informasi, hingga konten yang selalu di update. Provinsi DKI sendiri terbagi menjadi lima wilayah yaitu Jakarta Timur, Jakarta Utara, Jakarta Selatan, Jakarta Pusat, dan Kepulauan Seribu. Dari lima wilayah…

Template Merah-Putih Milik Web Pemda

Pada bulan Agustus kita pasti banyak melihat warna merah-putih dimana-mana. Hal itu karena pada bulan Agustus kita sedang merayakan Kemerdekaan RI. Kali ini bangsa Indonesia merayakan hari jadinya yang ke-71. Pemerintah telah membuat desain logo ulang tahun resmi ke-71. Desain tersebut banyak digunakan…

Cara membuat template joomla 3 dengan bootstrap yang responsive

Bootstrap merupakan sebuah framework css yang digunakan untuk tampilan sebuah website, bootstrap sendiri support dengan responsive, sehingga bisa dibuka melalui banyak device, seperti monitor, handphone, tablet dan lain lain. Bootstrap sendiri sudah menyediakan html, css dan js yang sudah siap kita pakai, jadi…

Cara membuat CSS khusus untuk tampilan web mobile

Saya ingin contohkan jika anda punya halaman web dimana dalam halaman web tersebut terdapat sebuah gambar yang berada dalam div tertentu. Misalkan kode html nya seperti ini:

Jika dibuka pakai laptop gambar tersebut tampil. Nah bagaimana jika kita ingin kalau dibuka pakai…

Cara Mudah Belajar CSS

Pada video sebelumnya saya sudah jelaskan tentang cara meudah belajar html. Sekarang saya akan jelaskan cara mudah belajar CSS dengan cara yang paling mudah dipahami sesuai dengan pengalaman yang pernah saya praktekan. Ada banyak referensi dan cara untuk memahami kode pemograman CSS tapi…

Cara membuat warna gradien liner dengan CSS

Sekarang menggunakan CSS3 anda sudah bisa membuat warna gradien liner dengan menggunakan CSS tanpa menggunakan gambar. Cara membuatnya sangat mudah dan cepat. Berikut ini saya contohkan kode css untuk membuat warna gradien liner dengan css bisa anda gunakan untuk background website anda.

 

Contoh menu dropdown hanya menggunakan CSS

Berikut ini saya akan berikan contoh menu dropdown bertingkat menggunakan CSS dan HTML. Menu ini sangat simpel dan mudah dipakai. Selain itu contoh menu ini sangat bagus desainnya sehingga cocok dipakai untuk webiste apa saja. Silahkan ambil kodenya di bawah ini:

Demo…

Upgrade pengetahuan anda tentang css

Mungkin anda sudah terbiasa menggunakan css. Namun munkin anda perlu tambahan wawasan tentang css yang sudah anda pahami sebelumnya agar lebih mantap dan lebih sempurna. Anda bisa membaca artikel yang Harry Roberts. dalam artikelnya dijelaskan dengan sangat gamblang tentang css beserta dengan contoh penggunaannya. untuk…

Panduan pengaturan CENTER dalam CSS

Mungkin anda seringkali kesal dengan masalah pengaturan perataan center dengan css. Kadang kita tidak pas dalam membuat sebuah div lalu kita ingin posisinya ditengah atau kita ingin teks yang ada dalah kotak div kita benar-benar posisinya ditengah kotak. Untuk beberapa contoh sederhana mungkin kita tidak kesulitan…

Mengenal fungsi @media print pada css

@media print berguna untuk mengatur format khusus pada saat mencetak halaman web saja. Sebuah halaman web memiliki banyak konten dengan berbagai pernak-perniknya. Namun ada kalanya pengunjung ingin mencetak halaman website kita hanya isi utama saja. Misal dalam sebuah halaman web terdapat isi berita…