topical media & game development

topical media & game development

[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

#javascript-css-border-demo.htm / htm


  <head>
  
  <style>
  #shadowed-border {
    padding: 20px;
    width: 30%;
    margin: 20px auto;
  }
  
  #shadowed-border .sb-inner {
    background:#ccc;
  }
  
  #shadowed-border .sb-border {
    background:#fff;
  }
  
  #shadowed-border2 {
    padding: 10px;
    width: 30%;
    margin: 10px auto; 
  }
  
  #shadowed-border2 .sb-inner {
    background:#DFE2FF;
  }
  
  #shadowed-border2 .sb-border {
    background:#FFDC9F;
  }
  
  .plain {
    padding: 10px;
    width: 30%;
    margin: 10px auto;
    border: thin solid black;
  }
  
  </style>
  
  <script type="text/javascript" src="javascript-css-border-script.js"></script>
  
  <script type="text/javascript">
  <!--
    var border = RUZEE.ShadedBorder.create({ corner: 8, shadow: 16,  border: 2 });

-> </script> </head> <body> <div id="shadowed-border" class="sb"> <p>Ma quande lingues coalesce, lingue es plu simplic regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues.</p> </div> <div id="shadowed-border2" class="sb"> <p>Ma quande lingues coalesce, lingue es plu simplic regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues.</p> </div> <div class="plain"> <p> <em>Note: This is plain, without the script.</em> Lorem ipsum dolor sit amet, consecte adipiscing elit.</p> </div> </body>

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.