Advanced Search

Flexible fancy box markup

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

Expand | Embed | Plain Text

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.