CSS Codes
CSS Layouts

<!DOCTYPE HTML>

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<script src="html5notepad.js">

/***********************************************
* HTML5 Notepad- (c) Dynamic Drive (www.dynamicdrive.com)
* Please keep this notice intact
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>
</head>

<body>

<script>

jQuery(function($){ //on document.ready
notepad.loadpad('mynotepad1') //load "mynotepad1" when document loads
})

</script>

<a href="javascript:notepad.loadpad('mynotepad2')">Load mynotepad2 via link</a>

</body>
</html>