06/9/2008



Video

Custom background color palette

Before closing head tag (</head>):


  <script src="http://tomonrails.com/docs/lib/livepipe/lib/prototype.js" type="text/javascript"></script>
  <script src="http://tomonrails.com/docs/lib/livepipe/lib/scriptaculous.js" type="text/javascript"></script>
  <script src="http://tomonrails.com/docs/lib/livepipe/src/livepipe.js" type="text/javascript"></script>
  <script src="http://tomonrails.com/docs/lib/livepipe/src/cookie.js" type="text/javascript"></script>

After opening body tag (<body id=”body”>):


  <script src="http://tomonrails.com/docs/castr-js/palette.js" type="text/javascript"></script>

Html and CSS code that created the demo swatch palette:


 <style type="text/css" media="screen">
  .swatch {
    border:0.3em lightgray solid;
    float:right;
    cursor:pointer
  }
</style>

<div id="palette">
  <script type="text/javascript" charset="utf-8">
    drawSwatch('#FF0000', "1em", "1em", 'red');
    drawSwatch('#00FF00', "1em", "1em", 'green');
    drawSwatch('#0000FF', "1em", "1em", 'blue');
    drawSwatch('#ffffff', "1em", "1em", 'white');
  </script>
</div>
Comments (View)
blog comments powered by Disqus