6/9/14 Modifikasi Contact Form Dengan Style UI | SAMSURY SITES samsury-sites.blogspot.com/2014/06/modifikasi-contact-form-dengan-style-ui.html 1/3 SAMSURY SITES Tutorial Blog MODIFIKASI CONTACT FORM DENGAN STYLE UI Modifikasi Contact Form UI Style - Dengan adanya penambahan fitur baru blogger yaitu Contact Form ( send feed back ), maka banyak sekali para blogger yang sudah memodifikasinya dengan tampilan yang berbeda dan menjadikannya widget unik blog. dan untuk kali ini saya juga akan mencoba membuat sedikit efek contact me ( contact form ) dengan sedikit nuansa metro UI style. Untuk demonya bisa lihat link dibawah ini : DEM O Berikut konsep dasar pembuatannya : JavaScript //<![CDATA[ $('body').append('<div class="floating-ct"><div class="floating-ct-head"><a href="#no-move">Contact Me</a></div> <div class="floating-ct-body"></div></div>'); $('.ContactForm').appendTo('.floating-ct-body'); var slide_up_ct = false; $('.floating-ct-head a').click(function(){ if (!slide_up_ct) { slide_up_ct = true; $('.floating-ct-body').slideDown(); } else { slide_up_ct = false; HOME CSS3 FLAT UI WIDGET UNIK Modifikasi Contact Form Dengan Style UI
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
6/9/14 Modifikasi Contact Form Dengan Style UI | SAMSURY SITES