Footer Toggle Content jquery on Jan 24, 2012 in web-development (jquery) Footer Toggle Content jqueryDownload<style type="text/css">body { font-size:72%; font-family:Arial, Helvetica, sans-serif; line-height:1.9em; color:#434343; background:#FCFCFC; }a:hover { text-decoration:none; color:#7B7B7F;...
Toggle Content using jquery on Jan 23, 2012 in web-development (jquery) Toggle Content using jqueryDownload<script type="text/javascript" language="javascript" src="js/jquery-1.4.2.min.js"></script><script>$(document).ready(function() {$(".toggle_content").hide();$("h3.toggle").toggle(function(){ $(this...
Tab Content Icons with Jquery tools plugins on Jan 23, 2012 in web-development (jquery) Tab Content Icons with Jquery tools pluginsDownload<script type="text/javascript" language="javascript" src="js/jquery-1.4.2.min.js"></script><script type="text/javascript" language="javascript" src="js/jquery.tools.min.js"></scr...
Tab Content Framed Tabs with Jquery tools plugins on Jan 23, 2012 in web-development (jquery) Tab Content Framed Tabs with Jquery tools pluginsDownload<script type="text/javascript" language="javascript" src="js/jquery-1.4.2.min.js"></script><script type="text/javascript" language="javascript" src="js/jquery.tools.min.js">&l...
CSS Info Boxes on Jan 19, 2012 in web-development (CSS) CSS Info BoxesDownload<style>.columns-wrapper {width: 960px;float: left;margin-bottom: 30px;}.two-columns,.two-columns-2 {width: 457px;float: left;margin-right: 45px;}.info_box,.note_box,.tip_box,.error_box,tip_box {padding: 20px;margin: 20px 0...
Create A CSS Style Form on Jan 17, 2012 in web-development (CSS) Create A CSS Style Form<style>input {margin:0; padding:0;}input[type=text], input[type=password], textarea { border:1px solid #e3e3e3; padding:7px; font-size:11px; color:#777; }input[type=text], input[type=password], textarea, select {backgroun...
CSS Simple Photo gallery on Jan 17, 2012 in web-development (CSS) CSS Simple Photo gallery<style>ul.gallery {clear: both; list-style: none outside none; margin: 8px auto; overflow: hidden; padding: 8px 0;}ul.gallery li {background:#FFFFFF; float: left; margin: 5px; padding: 0; list-style:none; }ul.gallery li...
CSS3 Button on Jan 17, 2012 in web-development (CSS) CSS3 Button<style>body { font-family: Arial, Helvetica, tahoma sans-serif; font-size:12px; line-height:1.6; color:#282828; }.medium-button { background: #cccccc; background: -moz-linear-gradient(top, #cccccc 0%, #bbbbbb 100%); background: -webk...
Create Toggle contents on Jan 17, 2012 in web-development (jquery) Create Toggle contentsDownload<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script>$(document).ready(function() { //Hide (Collapse) the toggle containers on load $(".toggle_container").hide...
Contact Form Using Jquery-Ajax on Dec 22, 2011 in web-development (jquery) Contact Form Using Jquery-AjaxCreate a jquery ajax form and validate the fieldsDownloadCSSbody{font-family:Arial, Tahoma, Verdana;font-size:12px;margin:0 auto; padding:0;color:#FFFFFF;background-color:#949494;}*{margin:0;padding:0;}*:focus{outline:no...
