Here is a simple popup contact form (modal popup)
http://www.html-form-guide.com/contact-form/simple-modal-popup-contact-form.html
Thursday, January 6, 2011
Monday, August 23, 2010
Thursday, August 12, 2010
Wednesday, August 11, 2010
Tuesday, July 27, 2010
Saturday, July 10, 2010
Very Simple jQuery Rounded Corners Example
Its very easy to get the rounded corners for HTNL element.
follow the very simple 3 steps:
1) Copy the CSS code to <style> </style>
2) Copy the jQuery code to <script> </script>
3) Copy the jQuery code to <body> </body>
That's it.
//CSS
.madiv{border:1px solid #666666;margin-left:20%;margin-right:20%;margin-top:50px;width:300px;height:300px;}
//jQuery Code
$(document).ready(function(){
$(".maincontainer").addClass("madiv");
$.fn.roundThis = function(radius) {
return this.each(function(e) {
$(this).css({
"border-radius": radius,
"-moz-border-radius": radius,
"-webkit-border-radius": radius
});
});
};
$(function() {
// usage (Rounded corners with radius :20px)
$(".maincontainer").roundThis("50px");
});
});
// HTML
<div align="center" class="maincontainer">
</div>
follow the very simple 3 steps:
1) Copy the CSS code to <style> </style>
2) Copy the jQuery code to <script> </script>
3) Copy the jQuery code to <body> </body>
That's it.
//CSS
.madiv{border:1px solid #666666;margin-left:20%;margin-right:20%;margin-top:50px;width:300px;height:300px;}
//jQuery Code
$(document).ready(function(){
$(".maincontainer").addClass("madiv");
$.fn.roundThis = function(radius) {
return this.each(function(e) {
$(this).css({
"border-radius": radius,
"-moz-border-radius": radius,
"-webkit-border-radius": radius
});
});
};
$(function() {
// usage (Rounded corners with radius :20px)
$(".maincontainer").roundThis("50px");
});
});
// HTML
<div align="center" class="maincontainer">
</div>
Subscribe to:
Posts (Atom)