Breadcrumb in SharePoint 2010

Place the following code just above the ContentPlaceHolder ‘PlaceHolderMain' tag in masterpage.

<div class="BreadCrumbWrap s4-notdlg">

<asp:SiteMapPath runat="server" SiteMapProvider="SPContentMapProvider" id="ContentMap" CssClass="BreadCrumbStyle" PathSeparator="&gt;">

<CurrentNodeStyle CssClass="BreadCurrentNode" />

<PathSeparatorStyle CssClass="BreadPathSeparator" />

</asp:SiteMapPath>

</div>

 
Add the following CSS classes to your custom CSS file, referenced from the masterpage.

CSS

.BreadCrumbWrap {

margin-top:10px;

}

.BreadCrumbStyle {

padding-left:15px;

font-size:10px;border-bottom:1px #ebebeb dotted;

padding-bottom:5px;

}

.BreadCrumbStyle a:link, .BreadCrumbStyle a:visited {

color:#3b4f65;

}

.BreadCrumbStyle a:hover{

color:#0072bc; text-decoration:underline

}

.BreadCurrentNode {color:#0072bc}

.BreadPathSeparator{

color:#ccc; padding:0px 8px 0px 8px;

}

Ebook Download
View all
Learn
View all