IndeksCalendarFAQPencarianAnggotaGroupPendaftaranLogin

Share | 
 

 Primary Photo Bergerak (slideshow)

Topik sebelumnya Topik selanjutnya Go down 
PengirimMessage
under_attack
Murid Baru
Murid Baru


Jumlah posting : 14
Join date : 05.07.08

PostSubyek: Primary Photo Bergerak (slideshow)   Sat Jul 05, 2008 7:51 am

Gonta- ganti primey photo lama-lama bosen juga, ga ada variasi nya. Sempet kepikiran buat bikin primary jadi animasi/slideshow tapi lama gak nemu script nya. Setelah lama melakukan pencarian :P akhir nya dapet dari salah satu forum temen. Script CSS buat bikin photo primary menjadi bergerak.

Bahan yang dibutuhkan adalah software gif animator atau sejenis nya, banyak pilihan tinggal cari yang cocok sama kemampuan kita. Saya biasa pakai gif animator karena mudah dimengerti, silahkan download dulu software nya disini.Selain itu kita juga butuh Adobe Photoshop untuk me-resize ukuran photo agar menjadi seukuran. Langkah berikutnya adalah mengumpulkan photo-photo narsis kamu yang akan di jadikan slideshow primary. Perkecil ukuran nya dengan Photoshop, untuk ukuran nya terserah mau segede apa tergantung selera. Tapi ukuran nya harus sama semua, misalnya photo nya ada 10 biji maka kesepuluh photo itu ukuran nya harus sama.

Semua photo sudah di resize, sekarang install gif animator nya lalu add image dan save ke dalam ekstensi gif. Photonya sudah menjadi slide show, dan langkah berikutnya adalah meng-upload file gif kamu ke image hosting, saya biasa upload photo ke www.tinypic.com soal nya ga ribet pake register. Upload photonya dan ambil URL nya pada kolom “Direct Link for Layouts”. Masukan URL gif tadi kedalam script CSS berikut ini :

div.imgblock200 {
background-color:#000000;
background:url(URL gif Kamu);
background-position: center center;
background-repeat: no-repeat;
height:249px;
width:255px;
}
div.imgblock200 img {display:none !important}

#mainpic img {
height: 75px;
width: 65px;
border: 2px #000000 solid;
}


Ganti (URL gif Kamu) dengan URL gif yang tadi di upload. Langkah terakhir adalh memasukan script CSS ini ke CSS yang sudah ada di FS kamu. Masukan CSS ini di bagian atas CSS kamu.

Preview

(Untuk kk admin, jika thread ini sudah basi harap di delete saja) Smile
Kembali Ke Atas Go down
Lihat profil user
adew_SardeW
Tim penghibur
Tim penghibur


Jumlah posting : 860
Join date : 05.03.08
Age : 30
Lokasi : Ls 20 derajat-Bt 23 derajat-Lu 32 derajat East Bandung

PostSubyek: Re: Primary Photo Bergerak (slideshow)   Mon Jul 07, 2008 6:44 pm

Maaf itu script buat primary poto atau background Very Happy
Kembali Ke Atas Go down
Lihat profil user http://profiles.friendster.com/sardew
under_attack
Murid Baru
Murid Baru


Jumlah posting : 14
Join date : 05.07.08

PostSubyek: Re: Primary Photo Bergerak (slideshow)   Tue Jul 08, 2008 11:47 pm

kan judul nya ini >>>> Primary Photo Bergerak (slideshow)
Kembali Ke Atas Go down
Lihat profil user
adew_SardeW
Tim penghibur
Tim penghibur


Jumlah posting : 860
Join date : 05.03.08
Age : 30
Lokasi : Ls 20 derajat-Bt 23 derajat-Lu 32 derajat East Bandung

PostSubyek: Re: Primary Photo Bergerak (slideshow)   Tue Jul 15, 2008 9:52 am

tv itu css kodenya buat ngrubah format background jpeg atw apa menjadi format background.gif Very Happy
Kembali Ke Atas Go down
Lihat profil user http://profiles.friendster.com/sardew
ryu-budak-bogor-tea
Murid Baru
Murid Baru


Jumlah posting : 3
Join date : 23.10.08
Age : 25
Lokasi : dafffa net....tempat sapi BOGOR...!!!

PostSubyek: poto nu bsa gerak   Thu Oct 23, 2008 3:32 pm

tahhh..tingali avatar urang...

gampang....

klik weh... www.gifninja.com

cobian...nya....!!!
Kembali Ke Atas Go down
Lihat profil user
Sponsored content




PostSubyek: Re: Primary Photo Bergerak (slideshow)   Today at 11:23 am

Kembali Ke Atas Go down
 
Primary Photo Bergerak (slideshow)
Topik sebelumnya Topik selanjutnya Kembali Ke Atas 
Halaman 1 dari 1
 Similar topics
-
» HAYATE RACING TEAM Modification
» NELLY = NINJA ANTI MAINSTREAM
» aksi ladybikers+ model seksi diatas moge ;) di TRANS|7,malam ini!!
» (WTS) Single Seater Merah (SOLD)
» Hoby Kucing + yang suka Kucing

Permissions in this forum:Anda tidak dapat menjawab topik
 :: sekedar bertukar hoby :: Design. Web Design. Your Blog Post Here :: friendster-
Navigasi: