Breadcrumbs getrapt zoals hier op het Forum

[Oscar Luijben]

Als ik de standaard code (zie hieronder) gebruik krijg ik netjes te zien waar ik ben op mijn site.
Mooier vind ik het als dat gebeurt op de wijze zoals hier op het Forum.

Hoe stel ik dat waar in?

Code: Select all

   <!-- Start Breadcrumbs -->
   <div class="breadcrumbs">
        {breadcrumbs starttext='U bent hier' root='Home' delimiter='»'}
   <hr class="accessibility" />
   </div>
   <!-- End Breadcrumbs -->

Template

Code: Select all

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;        /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000; /* zwarte stippellijn onder U bent hier */
}

Stylsheet