Bread Crumb Trail

  1. /* BREADCRUMB */
  2. /* based on this HTML/Element code */
  3. <div id="breadCrumb">
  4. <div id="youAreHere">You are here:
  5. <$breadcrumbs cssClass="breadCrumb" separator=" > "/$>
  6. </div>
  7. #breadCrumb {
  8. height: 30px;
  9. border-top: 1px solid #F2F2F2;
  10. font-size: 11px;
  11. text-transform: uppercase;
  12. letter-spacing: 3px;
  13. }
  14. #breadCrumb #youAreHere {
  15. color: #acacac;
  16. width: 210px;
  17. float: left;
  18. text-align: right;
  19. padding: 5px;
  20. }
  21. #breadCrumb .breadCrumb {
  22. float: left;
  23. padding: 5px 30px;
  24. color: #b5b5b5;
  25. }
  26. #breadCrumb .breadCrumb a {
  27. text-decoration: none;
  28. color: #b5b5b5;
  29. }

Common Questions

Back to top