title: Custom Breadcrumbs based on URL (Modify to HTML list) in Drupal 7
body: <p>Currently, I have this working on my template.php</p>
  
  <pre><code>function systema_breadcrumb($variables) {
    $breadcrumb = $variables['breadcrumb'];
    $crumbs = null;
    if (!empty($breadcrumb)) {
      // Provide a navigational heading to give context for breadcrumb links to
      // screen-reader users. Make the heading invisible with .element-invisible.
      $crumbs .= '&lt;ul class="breadcrumb"&gt;';
      $array_size = count($breadcrumb);
      $i = 0;
      while ( $i &lt; $array_size) {
        $crumbs .= '&lt;li&gt;' . $breadcrumb[$i] . '&lt;/li&gt;';
        $i++;
      }
      $crumbs .= '&lt;li&gt;&lt;span&gt;'. drupal_get_title() .'&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;';
      return $crumbs;
    }
  }
  </code></pre>
  
  <p>The output of this displays as <code>Home &gt; [Content Type] &gt; [Page Title]</code></p>
  
  <p>While this works fine, there is something missing here. The current URL structure I set this page to is <code>mydomain.com/[content-type]/[field-value]/[title-slug]</code>. The <code>[field-value]</code> is a field that I added when you create a content based on its type. It is using a select list based on taxonomy terms I created. Here's what I want:</p>
  
  <ol>
  <li>Set the breadcrumbs based on the URL.</li>
  <li>Display them as unordered list.</li>
  <li>Set the last item as <code>&lt;span&gt;</code> instead of <code>&lt;a&gt;</code> tag.</li>
  </ol>
  
  <p>The hierarchical approach works like <a href="http://bit.ly/1fUNhpS" rel="nofollow">this</a>. My only problem with that is it is displaying as a div. I want to set them as unordered list. Can anyone help me modify this or does anyone have a better approach? Thanks!</p>