Anmari » AmR Breadcrumb http://webdesign.anmari.com Simply effective web services Wed, 16 Nov 2011 05:01:11 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Breadcrumbs with increasing indentation http://webdesign.anmari.com/1761/breadcrumbs-indented/ http://webdesign.anmari.com/1761/breadcrumbs-indented/#comments Wed, 09 Dec 2009 10:46:34 +0000 anmari http://webdesign.anmari.com/?p=1761
  • Breadcrumbs The AmR WordPress Breadcrumb navigation widget plugin is available here. Features: Uses listed items with minimal markup. The markup is...
  • Subscribe2 Widget Form – an alternate The wordpress subscribe 2 plugin is great – however the form in the widget bothers me. I have raised this ...
  • Subscribe2 widget markup and css Please refer to updated instructions. The wordpress subscribe 2 plugin is great. Version 4.9 just released – a wonderful alternative...
    • ]]>     A vertical use of the Breadcrumb widget
    Indented Breadcrumbs

    Indented Breadcrumbs

    A query was received from Kim for  http://metakosmia.dk, asking how to indent successive levels of the breadcrumb widget links.  This was not possible in version 1.1, so version 1.2 has been released with css classes added for each breadcrumb indicating it’s depth in the menu.  This css class allows you then to assign your own styling to the levels.

    Example CSS:

    #amr-breadcrumb .lvl2{ padding-left: 1em;}
#amr-breadcrumb .lvl3{ padding-left: 2em;}
#amr-breadcrumb .lvl4{ padding-left: 3em;}

    HTML generated:

    HTML generated

    HTML generated

    Related posts:

    1. Breadcrumbs The AmR WordPress Breadcrumb navigation widget plugin is available here. Features: Uses listed items with minimal markup. The markup is...
    2. Subscribe2 Widget Form – an alternate The wordpress subscribe 2 plugin is great – however the form in the widget bothers me. I have raised this ...
    3. Subscribe2 widget markup and css Please refer to updated instructions. The wordpress subscribe 2 plugin is great. Version 4.9 just released – a wonderful alternative...
    ]]>     http://webdesign.anmari.com/1761/breadcrumbs-indented/feed/ 0