I Am Legend Apa itu CakePHP?
Aug 14

Dalam postingan ini saya mencoba untuk berbagi pengalaman dan ilmu, mudah-mudahan bermanfaat untuk kita dan saya pribadi berharap ada share informasi karena saya sendiri sedang mempelajari design web. Baiklah kita langsung saja ke topik utama, sebelumnya mungkin kita sering mengunjungi situs yang menyediakan galery foto. Berbagai trik dalam penampilan galery foto tersebut, dengan sentuhan java maka akan semakin indah tampilan dari sebuh galery tersebut. Dengan CSS kita bisa saja memberikan aturan atau susunan yang menarik dalam sebuah web (ups…mungkin ada uraian saya yang tidak sesuai silahkan menyadurnya lagi sesuai dengan agama dan kepercayaan masing-masing).

Trik berikut coba saya ramu ulang dari sini untuk dapat kita pahami bersama. Baik trik ini sebuah contoh bagaimana kita mendekorasi gambar atau foto tanpa mengedit source imagenya. Yang kita butuhkan tag dan memberikan sedikit sentuhan atau efek pada background gambar atau foto seperti
contoh ini.

Berikut manfaat dari trik CSS ini :

    Menghemat waktu - kamu tidak harus membuat dekorasi template ini dengan menggunakan photoshop.
    Sangat fleksibel - kamu dapat mengedit template sesuai dengan keinginan kamu (pada CSS nya saja).
    Dapat dijalankan pada berbagai browser

Dasar Konsepnya adalah :
Kamu hanya memasukan tambahan tag <span> dengan tag <div>

pada bagian background image efek. Untuk lebih mudah coba liat gambar berikut :
pada CSS yang harus diperhatikan adalah elemen DIV pada :
Position : relative dan elemen SPAN pada Position : absolute. Kamu dapat menempatkan menentukan span elemen di posisi atas atau kiri property.
Baiklah mungkin penjelasan saya ini tidak begitu jelas dan mungkin akan lebih jelas disaat kamu mencobanya di localhost kamu. So silahkan download source code nya disini.

Comments are closed.