Posted in html, css & javascript, teknis

Minimum Height di CSS

Setelah lama berkutat dengan transparansi, slicing design kali ini malah menghindari transparansi, yang berarti image nya harus dalam format standard: jpeg atau gif, dan tanpa css transparency sama sekali.

Saya mencoba pakai png dengan transparansi 50%, tapi tetap saya ada kendala dengan browser dengan berbagai macam standard dalam menangani png. Jadi saya memakai cara lain, yaitu dengan mengeset tinggi minimum untuk satu div supaya background image nya tidak terpotong. Continue reading “Minimum Height di CSS”

Posted in html, css & javascript, teknis

Transparansi di CSS untuk semua browser

Gara-gara saya mendapat tugas men-slice satu desain yang amat sangat “ajaib”, saya harus mengais-ngais informasi di belantara internet. Untung ada Google yang membuat hidup saya lebih mudah 🙂

Akhirnya saya menemukan code yang membantu saya (http://css-tricks.com/css-transparency-settings-for-all-broswers/) membuat transparansi 50%:

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

Continue reading “Transparansi di CSS untuk semua browser”

Posted in html, css & javascript, teknis

Dropdown menu dengan javascript

Gara-gara Erwin nanya gimana sih caranya bikin dropdown menu pakai javascript, akhirnya saya jadi ikutan nyari gimana caranya. Saya sebelumnya memang belum pernah tau caranya. Saya hanya tahu selintas, bahwa dropdown menu itu dibuat memakai tag <ul> dan <li>.

Banyak sekali source dropdown menu dengan javascript yang beredar di internet, tapi saya menemukan 1 yang simpel dan gampang di-customize dan diimplementasi.

Continue reading “Dropdown menu dengan javascript”