CSS Codes
CSS Layouts

<html>

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script src="notifier.js">
/***********************************************
* 3D Drop In Notifier Panel- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>

<script type="text/javascript">

jQuery(function(){
notifier.init({
noteid: 'mynotify', //id of main panel div
content: 'content.txt', // 'inline' or 'path to external file'
defaultstate: 'open', // 'open' or 'closed'
freq: 'manual', //'manual' or 'session'
oninit: function($el, state){
// do something when panel loads
},
onopenclose: function($el, state){
// do something when panel opens or closes
}
})
})

</script>
</head>

<body>

<a href="#" class="toggle" onClick="notifier.toggle(); return false">Toggle Panel</a> <a href="#" class="toggle" onClick="notifier.open(); return false">Open</a> <a href="#" class="toggle" onClick="notifier.close(); return false">Close</a>

</body>
</html>