MOHON PERHATIAN!!!........ Sehubungan sedang "ERROR"nya situs HTTP://WWW.RIPWAY.COM, maka bila Anda menemukan tutorial yang menggunakan kode dengan nama situs tersebut, sementara waktu JANGANLAH Anda gunakan. Mohon maaf, semoga anda memakluminya.............................

Mengucapkan Selamat Datang, Semoga Dapat Berkenan Di Hati Anda


SYAMSUDINNAMAKU telah hadir

Membuat Efek Gambar Membelah dengan CSS dan JQuery


Dalam tutorial kali ini kita akan coba membuat efek pe-
misahan gambar membelah jadi dua. Seperti apa sih ?
Ini semacam efek pintu bergeser, dimana slide gambar
bergeser ke sisi kiri dan sisi kanan sehingga membuat
teks yang berada di belakangnya terlihat. Satu hal
yang sangat penting dari efek ini adalah dengan hanya
menggunakan 1 (satu) gambar saja. Ada 2 (dua)
model untuk efek ini yang bisa anda pilih.


Lihat demonya di sini.

Apakah anda ingin membuatnya ? Berikut ini caranya :

1.   Rancangan -> Tambah Gadget ->
      Pilih HTML/JavaScript.

2.   Masukkan ke dalam kontennya
      kode yang tertera di bawah ini :

KODE MODEL 1 ( SATU ) :



KODE MODEL 2 ( DUA ) :



KETERANGAN =

Ganti gambar img.jpg-nya dengan
gambar yang anda miliki.

Sesuaikan ukuran width: & height: nya
dengan gambar anda tersebut.
(ada 2 width: & height: yang harus diubah)

Masukkan kalimat atau tulisan anda yang
akan menjadi latar belakangnya
pada kode TULISAN DI SINI

Sesuaikan juga warna background dan warna
tulisannya pada kode background: & color:
(ada 2 tempat yang harus diubah)

Selamat mencoba, good luck!


1 comments:

bahrul alam mengatakan...

maap nih mas admin... kok tulisannya gak kelihatan yah , atau
browser saya yang lagi lambat... tulisannya harus diblok dulu biar kelihatan.

Poskan Komentar