3D-Popup-jQuery-Plugin

To use the Plugin, include in your document popup.css before your own stylesheet file. Include also popup.js right after jQuery.

<link rel="stylesheet" type="text/css" href="css/popup.css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/popup.js"></script>

In your HTML file, use this structure :

<a id="click" rel="popup_name" href="#">Show popup</a>

<div class="popup">
  <div id="popup_name" class="popup_block">
    <div class="popup_head">
      <!-- Content -->
    </div>
    <div class="popup_body">
      <!-- Content -->
    </div>
  </div>
</div>

Don't forget to change to "rel" value and the "id" of the "popup_block" if you want to use more than 1 Popup !

In your own JS file, start the fonction "popup" with an event.

For example :

$(document).ready(function() {
	$("#click").click(popup);
});

To change the color of the popup, change the value of the "background-color" of the class "popup_head" and the "border-color" of the class "popup_block".