Langsung ke konten utama

Postingan

Menampilkan postingan dari Februari, 2014

Membuat Tombol UI Demo Dan Download

Sebenarnya sudah ada beberapa postingan yang disiapkan untuk updetisasi tapi saya belum yakin dengan pembahasan nya makanya dipending dulu .. nah untuk mengisi postingan , kali ini saya akan berbagi cara dalam membuat button / tombol untuk demo dan download  . Button ini sebenarnya lebih cocok untuk blog yang sering share template atau apalah yang berbau demo dan download . Demosion Kustomisasi pada blog  Masukan kode CSS sebelum kode </style> Kode HTML disematkan dalam postingan [ Mode HTML Editor ]   CSS .ui.button { cursor: pointer; display: inline-block; vertical-align: middle; min-height: 1em; outline: none; border: none; background-color: #FAFAFA; color: #808080; margin: 0em; padding: 0.8em 1.5em; font-size: 1rem; text-transform: uppercase; line-height: 1; font-style: normal; text-align: center; text-decoration: none; border-radius: 0.25em; box-sizing: border-box; } .ui.buttons .active.button, .ui.active.button { ba

Pure CSS Modal Box

Saya sangat antusias sekali kalau sudah berhubungan dengan CSS , kenapa ? karena CSS mengerti perasaan saya wkwkwk .. maksud saya suka CSS karena doi mudah dipahami dan dampak ringan nya itu lho .. mungkin beda dengan javascript kali ya .. yang [ kata orang ] kalau terlalu banyak wiihh beratnya selangit [ of ].. Sobat mungkin merasa tidak asing dengan modal box ?? .. ya modal box biasanya diisi sebuah pesan atau widget yang keberadaannya mandiri alias long profile hehe [ becanda ] . sebenarnya banyak trik dalam membuat modal box terlebih ketika menggunakan bantuan j-Query , bisa mudah dan hasilnya WOW selangit . tapi kali ini saya tidak menggunakan j-Query dalam membuat Modal Box tapi hanya menggunakan CSS [ pure CSS ] . Demosion Ini hanya contoh saja karena sebenarnya untuk tampilan bisa dibikin sesuai selera sobat .. artinya kembali pada kreatifitas masing-masing. Kalau memang tertarik untuk mencicipinya silahkan sematkan CSS dan HTML dibawah ini kedalam template sobat

Simple Responsive Nav With CSS Only

Sangat lama sekali saya jarang update karena banyak sekali kesibukan ditambah sudah dua hari  modifikasi blog jelek ini tapi biarpun jelek tetep disayang lho hehe ..parahnya lagi modifnya saya pake HP jadul al-hasil lumayan repot dan menyita waktu [ continue ] dan hasilnya gak sesuai yang diharapkan. [ next ] Hampir satu bulan lebih tidak sekali pun bikin artikel dan sekarang mumpung punya sedikit waktu dan juga sekaligus menjawab  request sahabat tentang membuat menu responsive yang hanya menggunakan si manis CSS . [ oks ] Biarpun menu kali ini sangat simple tapi jangan main-main dengan responsive nya wkwkwk... untuk yang penasaran pencet tombol dibawah ini  Demosion Sebenarnya menu simple ini bisa menjadi sangat menarik kalau kita sedikit kreatif . Nah kalau mas broh tertarik silahkan sematkan kode css dan html dibawah ini kedalam template sobat.  CSS #nav { width: 960px; background: hsl(202, 66%, 36%); font-weight: 600; font-size: 13px; border-radius: 5