Flexible fancy box markup


/ Published in: Other
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <!--
  2. For fancy boxes (custom borders, drop shadows, rounded corners, translucency, etc.)
  3. using techniques similar to those by Leslie Sommer
  4. http://www.lesliesommer.com/wdw07/html/
  5. -->
  6. <div class="mod">
  7. <div class="mod-content">
  8. <div class="hd">
  9. <h3>box head</h3>
  10. </div>
  11. <div class="bd">
  12. <p>box body</p>
  13. </div>
  14. <div class="ft">
  15. <p>box foot</p>
  16. </div>
  17. </div><!-- End: div.mod-content -->
  18. <span class="x1"><span></span></span>
  19. <span class="x2"><span></span></span>
  20. </div><!-- End: div.mod -->

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.