
jqTransform is a jQuery styling plugin which allow user to skin form elements in a easy way. The only thing we have to do is to add a javascript inclusion to this plugin in the header section of our web page, and assign the correct class to the form.
Demo are available here
You can take a look at the following demo link. 15 style are include.
DEMO Download link are located at the demo page.
Insert your js
Insert the following code inside your head tag, the best place maybe right under your title.
//required <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>
Enable your jqTransform
Right below your js includes insert the following code
<script type="text/javascript">
$(function() {
//find all form with class jqtransform and apply the plugin
$("form.jqtransform").jqTransform();
});
</script>
Insert correct class to your form
Your form should look something like this.
<form class="jqtransform"> <div class="rowElem"> <label for="name">Name: </label> <input type="text" name="name" /> </div> <div class="rowElem"><input type="submit" value="send" /><div> </form>
Be a link sponsor for this page now

I hope you have enjoyed this post, be sure to subscribe to my rss feed by click the subscribe button at the top.
Good Luck!




nice download, update stuff nice working, thank you
The template looks very modern and fluid. Thanks for sharing.
great stuff..thanks a lot for sharing!!!!