Ada banyak cara untuk mempercantik tampilan font untuk website/blog, ada yang menggunakan gambar dari hasil Photoshop, beberapa diantaranya menggunakan CSS. Dengan CSS pun ada bermacam-macam variasi yang bisa dilakukan untuk memperindah tampilan text, salah satunya adalah menampilkan efek 3D seperti contoh berikut. SAYA SUDAH KEMBALI <h4 style="text-shadow: 1px 0px #ccc, 0px 1px #ccc, 2px 1px #ddd, 1px 2px #bbb, 3px 2px #ddd, 2px 3px #bbb, 4px 3px #ddd, 3px 4px [...]
Menggunakan gambar sebagai background atau latar beLakang, sudah biasa. Memakai gambar untuk mempercantik tomboL, juga sudah lazim. Tapi cobaLah memanfaatkan gambar sebagai border, tentu akan menarik. Border pada eLemen HTML tak hanya berupa garis saja lho, ternyata kita juga bisa menggunakan gambar. Border dengan piLihan gambar yang tepat akan memberi variasi yang agak berbeda pada sebuah haLaman HTML. Misalnya saja artikeL ini, dengan menggunakan sebuah gambar berukuran 100px x 100px, [...]
Dalam beberapa postingan, saya menggunakan style css khusus untuk masing-masing artikeL. Ada artikeL yang menggunakan inLine style, adapuLa yang terpaksa menggunakan externaL style. Untuk artikeL dengan inLine syle tidak ada masaLah yang mengganggu, tapi untuk yang externaL styLe, ada sedikit ganjaLan. Sebelumnya, saya menggunakan satu fiLe css dengan nama poststyle.css yang saya incLude di header.php. Setiap ada artikeL baru yang membutuhkan externaL style, saya tuLiskan styLenya di daLam fiLe poststyle.css. [...]
Sebenarnya jika kita menginginkan sebuah gambar terbaLik, akan lebih mudah menggunakan software image processing semacam Adobe Photoshop, GIMP, ACDSee, Microsoft Office Picture Manager, atau bahkan hanya dengan Paint. Tetapi jika gambar yang hendak kita baLik itu berjumLah banyak, atau kita ambiL langsung dari situs lain tanpa editing, CSS lah yang harus turun tangan. Untuk membaLik gambar menggunakan css, cara yang diLakukan adaLah dengan menambahkan beberapa styLe pada tag img. Jurus [...]
Kekagumanku pada peLangi tidak dan takkan pernah habis, bagaimana tidak, Pelukis Agung teLah membuat mahakarya yang sangat menakjubkan. Setelah beberapa waktu lalu sempat meLihat peLangi indah mengelilingi buLan, memainkan fLip book bergaya peLangi, sekarang saatnya mengkoLaborasikan indahnya peLangi dengan CSS. Kita dapat membuat gradien warna sebagai background dengan CSS.
Ada kaLanya kita membutuhkan sudut untuk mempertegas suatu bentuk, tapi ada kaLanya puLa kita ingin menghiLangkan sudut untuk memberi kesan haLus, ramah dan fLeksibeL. Bagaimana cara menyiasati tampiLan html supaya tak meLulu kotak? CSS bisa membuat sudut-sudut daLam html akan tampak meLengkung (rounded corner), sahabat hanya perLu menambahkan beberapa style ke daLam kode html. Berikut contoh kode CSS nya: Melengkung pada semua sudut<div style="border:1px solid #000000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;">Contoh teks</div> [...]
Beberapa waktu beLakangan, dibeberapa media sering diberitakan terjadi kematian akibat minuman beraLkohoL opLosan. Rupanya opLosan itu memang dahsyat, tak hanya minuman. SemaLem, bersama beberapa kawan, saya menghabiskan maLam dengan menenggak opLosan antara rotation dan skew yang saya temukan di dekat CSS Centre. AlhasiL, hari ini saya merasakan haL yang aneh. Dunia serasa berputar-putar, pandangan kabur, satu benda terLihat seperti tiga, miring dan tak menentu, padahaL semuanya normaL dan berfungsi baik. [...]
