Breadcrumbs

Create navigation aids in your webpages.

CSS/JS files (add code to <HEAD> section):


<!-- DC Breadcrumbs CSS -->
<link type="text/css" rel="stylesheet" href="dreamcodes/breadcrumbs/css/tsc_breadcrumbs.css" />

          

View code:


<!-- DC Breadcrumbs Start -->
  <ul id="tsc_breadcrumb-1">
    <li><a href="#">Home</a></li>
    <li><a href="#">Products</a></li>
    <li><a href="#">Mobile Phones</a></li>
    <li><a href="#">iPhone</a></li>
    <li class="current">Specs</li>
  </ul>
<!-- DC Breadcrumbs End -->

         

View code:


<!-- DC Breadcrumbs Start -->
  <ul id="tsc_breadcrumb-2">
    <li><a href="#">Home</a></li>
    <li><a href="#">Products</a></li>
    <li><a href="#">Mobile Phones</a></li>
    <li><a href="#">iPhone</a></li>
    <li class="current">Specs</li>
  </ul>
<!-- DC Breadcrumbs End -->

         

View code:


<!-- DC Breadcrumbs Start -->
  <ul id="tsc_breadcrumb-3">
    <li><a href="#">Home</a></li>
    <li><a href="#">Products</a></li>
    <li><a href="#">Mobile Phones</a></li>
    <li><a href="#">iPhone</a></li>
    <li>Specs</li>
  </ul>
<!-- DC Breadcrumbs End -->

         

View code:


<!-- DC Breadcrumbs Start -->
  <ul id="tsc_breadcrumb-4">
    <li><a href="">Home</a></li>
    <li><a href="">Products</a></li>
    <li><a href="">Mobile Phones</a></li>
    <li><a href="">iPhone</a></li>
    <li><a href="" class="current">Specs</a></li>
  </ul>
<!-- DC Breadcrumbs End -->

         

View code:


<!-- DC Breadcrumbs Start -->
  <ul id="tsc_breadcrumb-5">
    <li><a href="">Home</a></li>
    <li><a href="">Products</a></li>
    <li><a href="">Mobile Phones</a></li>
    <li><a href="">iPhone</a></li>
    <li><a href="" class="current">Specs</a></li>
  </ul>
<!-- DC Breadcrumbs End -->

         

View code:


<!-- DC Breadcrumbs Start -->
  <ul id="tsc_breadcrumb-6">
    <li><a href="">Home</a></li>
    <li><a href="">Products</a></li>
    <li><a href="">Mobile Phones</a></li>
    <li><a href="">iPhone</a></li>
    <li><a href="" class="current">Specs</a></li>
  </ul>
<!-- DC Breadcrumbs End -->

         

View code:


<!-- DC Breadcrumbs Start -->
  <ul id="tsc_breadcrumb-7">
    <li><a href="">Home</a></li>
    <li><a href="">Products</a></li>
    <li><a href="">Mobile Phones</a></li>
    <li><a href="">iPhone</a></li>
    <li><a href="" class="current">Specs</a></li>
  </ul>
<!-- DC Breadcrumbs End -->

         


© TemplateAccess