free jQuery & CSS templates

In this section you have direct download links to various templates & direct code to copy paste to use these CSS and the magic jquery plugin.

Direct online links to test the system

To test Super CSS 2000

In the header of your page add the code :

  • <link type="text/css" rel="stylesheet" rev="stylesheet" media="screen" href="http://jquery-css.com/_css/default.css" />
  • <!--[if IE]>
  • <link type="text/css" rel="stylesheet" rev="stylesheet" media="screen" href="http://jquery-css.com/_css/ie.css" />
  • <![endif]-->
  • <!--[if IE 6]>
  • <link type="text/css" rel="stylesheet" rev="stylesheet" media="screen" href="http://jquery-css.com/_css/ie6.css" />
  • <![endif]-->
To test Magic jQuery

before the </body> tag : copy the following lines or (better) copy the files locally and link to the local copies.

  • <script type="text/javascript"
  • var overrideResizable = true; //override resizable function of jQuery UI (if used) to resize in all directions
  • </script>
  • <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  • <script type="text/javascript" src="http://www.jquery-css.com/js/magic.min.js" ></script>
  • <script type="text/javascript" >
  • $(document).ready(function () {
  • //your code here
  • });
  • </script>
Link to the Magic jQuery only file ( without dependencies included : hoverIntent & baresize)
  • <script type="text/javascript" src="http://www.jquery-css.com/js/magic.latest.min.js" ></script>

Magic jQuery Layout Templates : give me feedback !