HTML Flip Effect

madislam said

di MP ada HTML Flip Gambar ga sih?

Anda dapat menggunakan filter untuk menambahkan efek khusus pada teks, gambar dan aspek lain dari laman web tanpa menggunakan perangkat lunak lainnya. 

Filter ini hanya bekerja pada Internet Explorer 4.0+, dan mungkin tidak bekerja pada browser Anda.

Berikut adalah parameter yang dapat digunakan dalam filter ini:

Parameter	Deskripsi
FlipH	Membuat gambar cermin secara Horizontal
FlipV	Membuat gambar cermin secara Vertikal

 

Contoh:

<p>Contoh Gambar:</p> <img src="http://multiply.com/mu/trickmp/logo/" title="gambar cermin secara horizontal" style="Filter: FlipH"> <img src="http://multiply.com/mu/trickmp/logo/" title="gambar cermin secara vertikal" style="Filter: FlipV"> <p>Contoh Teks:</p> <div style="width: 300; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: FlipV">Tips n Trick Multiply</div>

 

Hasilnya:

Contoh Gambar: Contoh Teks: Tips n Trick Multiply

Selain Flip Effect, masih ada filter lainnya seperti: Alpha Channel, Motion Blur, Chroma Filter, Drop Shadow Effect, Glow Effect, Grayscale Effect, Invert Effect, Mask Effect, Shadow Filter, Wave Effect, dan X-Ray Effect.

Attachment: Penampakan Filter HTML.png
Attachment: Penampakan HTML Flip Effect.png

Custom Tabs Koneksi ke Facebook, Twitter & Yahoo!

Terinspirasi dari whos.amung.us versi JavaScript...

• betuknya tab
• letaknya di sisi halaman
• rotasi 90° (searah jarum jam/kebalikannya)
• muncul apabila ditunjuk kursor (hover)

Caranya:
Pertama salin [copy] HTML seperti berikut ini... Kemudian tempel [paste] ke Sidebar

Edit Sidebar

<div id="service"><a href="ymsgr:sendIM?juriglagu"><img title="juriglagu@yahoo.com" src="http://multiply.com/mu/juriglagu/image/2/photos/2507/500x500/8/Yahoo2.png?et=PhXuoxET15EHwiXmtSN38A&nmid=385893422" border="0"></a><br>

<a href="http://twitter.com/#!/juriglagu" target="_blank"><img title="@juriglagu" src="http://multiply.com/mu/juriglagu/image/1/photos/2507/500x500/7/twitter.png?et=lQCKs7,758cUT,aXCKrq3w&amp;nmid=385893422" border="0"></a><br>
<a href="http://www.facebook.com/juriglagu" target="_blank"><img title="http://www.facebook.com/juriglagu" src="http://multiply.com/mu/juriglagu/image/1/photos/2507/500x500/6/facebook.png?et=XOkbTSWyBg40heAPIxnNjA&amp;nmid=385893422" border="0"></a></div>


*Ganti tulisan juriglagu (warna kuning) dengan UserID/tautan [links] akun Anda

Klik

Beralih ke Custom CSS, tambahkan CSS seperti berikut...

Enter Custom CSS here

#service {
position: fixed;
bottom: 30px;
left: -10px;
}
#service a:hover {
position: relative;
left: 10px;
}

Keterangan:
Supaya ada efek timbul-tenggelam, sisipkan nilai negatif di script 1, dan positif di script 2 (hover)

Hasilnya: seperti @ My Site sekarang...

 

Selamat berkreasi!

Posisi dan image(s), boleh diatur terserah Anda ^_^

Tips Komentar Nyindir

Sering saya lihat, ada beberapa komentar dengan maksud menyindir komentar sebelumnya.

Kalau di forum, thread lain, atau tidak ada pilihan, pasti tepat sasaran (di atas [Chronological]) seperti ini...


Namun karena di Multiply selain ada pilihan pilihan Reply & Quote untuk mengutip. Ada juga pilihan Replies Order.

Jadi kalau orang lain pilih Reverse, maka kemungkinan orang lain tersebut yang jadi korban, komentar kita akan salah sasaran...


Selain itu ada juga pilihan Threaded, jadi Reply setelah kita akan serong ke samping kanan...


Tips-nya:

1. Gunakan Reply & Quote, agar komentar kita tepat sasaran
2. Selain sindir-sindiran, hindari penggunakan kata "di atas", lebih baik sebut nama atau ID-nya langsung.  Walau kadang kurang etis, namun bisa menimbulkan ambigu yang kurang baik. Seperti halnya maksud kita (berdo'a) kepada Tuhan, sedangkan tepat 'di atas' kita ada cicak gimana...? ^_^

Semoga bermanfaat.