CSS Codes
CSS Layouts

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="sugarbar.css" />

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

<script src="sugarbar.js">

/***********************************************
* Sugar Bar- (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>

var mysugarbar

jQuery(function(){ // on DOM load
mysugarbar = new sugarbar({
sugarbarid: 'sugarbar',
externalfile: 'sugarcontent.htm',
persistclose: false
})
})

</script>

</head>

<body>

</body>
</html>