How to use

Installation

Download the latest version of MoreCSS.js, create a blank CSS file (e.g. MoreCSS.css) and include both in your (X)HTML document header plus the plugin file(s) you want to use:

­ 
<link rel="MoreCSS" href="MoreCSS.css" />
<script type="text/javascript" charset="utf-8" src="MoreCSS.js"></script>
<script type="text/javascript" charset="utf-8" src="MoreCSS.plugin.js"></script>

Be sure that you …

  • Include the CSS file for MoreCSS at first, then MoreCSS.js and then the plugin(s).
  • Use the CSS file for MoreCSS only for MoreCSS code.
  • Do not write MoreCSS code in a regular CSS file.
  • Use a web server environment. Otherwise MoreCSS is not able to load the external CSS file.
  • Use UTF-8 encoding in your (X)HTML document or set the script attribute for encoding to UTF-8.

Did you know …

  • You can use more then one external CSS file for MoreCSS.
  • You can reduce the size of MoreCSS.js to 8 KB with dynamic PHP GZIP.
  • Inline styles are not supported because it would make your (X)HTML document invalid.

Usage

MoreCSS comes with some built in functions for common things e.g. creating popups and loading content via AJAX. With plugins you can add various advanced functions e.g. for animation effects.

Explore the core and plugin properties in the left menu and check out the examples to learn how to use them.

 

­