title: Messi simple jQuery message box
body: <p>I have download the messi all files like <code>.js</code> and <code>.css</code> also i have download the jQuery framework and now i have put these codes in my HTML page:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
        &lt;link rel="stylesheet" href="messi.min.css" /&gt;
        &lt;script src="messi.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;title&gt;messi box&lt;/title&gt;
    &lt;body&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The messi support told me how to setup. Check below:</p>
  
  <p>Setup</p>
  
  <p>Messi requires jQuery framework to work, so include it first of all in
   your project. After that:</p>
  
  <p>Download Messi from gitHub and descompress. Copy messi.css and
   messi.js files (or minified version) to your project folder. </p>
  
  <p>Edit you html pages to include both files:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="messi.min.css" /&gt;
  &lt;script src="messi.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Enjoy it! you can find this tutorial at <a href="http://marcosesperon.es/apps/messi/" rel="nofollow">HERE</a> I just want to know
   how can I use this in my html page. For example I want to use warning
   message box</p>
  
  <pre><code>New Messi('This is a message with `Messi.', {title: 'Title', titleClass: 'anim error', buttons: [{id: 0, label: 'Close', val: 'X'}]});`
  </code></pre>
  
  <p>Is it java code or whatever else? I need complete guide about this plugin.
  Thanks</p>
  
  <p><a href="http://marcosesperon.es/apps/messi/" rel="nofollow">Plugin can find here</a></p>