NEW #5 Finalisation du BreadCrumb dynamique

CD67.ModeleMVC.MVC/Content/cd67-model.css

@@ -324,23 +324,11 @@ ul {
 
     #breadcrumbs-one li {
         float: left;
-        height : 32px;
-        border-top : 16px;
-        border-top-color : darkorange;
-        border-right:dashed 50px;
-        border-radius :  0px 0px 25px 0px ;
-        border-right-color : darkorange;
-        padding-top : 6px;
-        
-    }
-
-    #breadcrumbs-one ul {
-        float: left;
-        height : 80%;
     }
 
     #breadcrumbs-one a {
         padding: .7em 1em .7em 4em;
+        float: left;
         text-decoration: none;
         color: #444;
         position: relative;
@@ -352,14 +340,47 @@ ul {
     }
 
 
+    #breadcrumbs-one a::after,
+    #breadcrumbs-one a::before {
+        content: "";
+        position: absolute;
+        top: 50%;
+        margin-top: -1.5em;
+        border-top: 1.5em solid transparent;
+        border-bottom: 1.7em solid transparent;
+        border-left: 1em solid;
+        right: -1em;
+    }
 
-  
+    #breadcrumbs-one a::after {
+        z-index: 2;
+        border-left-color: orangered;
+    }
+
+    #breadcrumbs-one a::before {
+        border-left-color: orangered;
+        right: -1.1em;
+        z-index: 1;
+    }
+
+
+
+    #breadcrumbs-one .current,
+    #breadcrumbs-one .current:hover {
+        font-weight: bold;
+        background: none;
+    }
+
+        #breadcrumbs-one .current::after,
+        #breadcrumbs-one .current::before {
+            content: normal;
+        }
 
-    #breadcrumbs-one li :hover {
+    #breadcrumbs-one :hover {
         filter: brightness(110%);
     }
 
-        #breadcrumbs-one li :hover::after {
+        #breadcrumbs-one :hover::after {
             filter: brightness(90%);
         }
 

CD67.ModeleMVC.MVC/Views/Shared/DisplayTemplates/SiteMapPathHelperModel.ascx

@@ -6,7 +6,7 @@
 <%if (Model.Nodes.Count >= 0)
 {%>
     
-    <ul class="breadcrumb">
+    <ul id="breadcrumbs-one" class="background-color1">
         <%foreach (var node in Model.Nodes)
         {
         
@@ -16,12 +16,12 @@
         string url = node.IsClickable ? node.Url : "#";%>
 
         
-        <li><a href="@url"><%=node.Title%></a><span class="divider"></span></li>
+        <li class="breadcrumbs-one background-color1"><a href="<%=node.Url%>"><%=node.Title%></a><span class="divider"></span></li>
        <% }
         else
         {
         %>
-        <li class="active"><%=node.Title%></li>
+        <li class="breadcrumbs-one background-color1"><a><%=node.Title%></a></li>
        <% }
         }%>
 

CD67.ModeleMVC.MVC/web.sitemap

@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no" ?>
 <mvcSiteMap mlns="http://mvcsitemap.codeplex.com/schemas/MvcSiteMap-File-3.0" enableLocalization="false">
-  <mvcSiteMapNode title="Home" controller="Home" action="Index">
+  <mvcSiteMapNode title="Home" url="/#" controller="Home" action="Index">
    
-    <mvcSiteMapNode title="Type Viking" controller="TYPE_VIKING" action="Index">
+    <mvcSiteMapNode title="Type Viking" url="/TYPE_VIKING" controller="TYPE_VIKING" action="Index">
        <mvcSiteMapNode title="Details Type" controller="TYPE_VIKING" action="Details" preservedRouteParameters="id" />
     </mvcSiteMapNode>
     
-    <mvcSiteMapNode title="Vikings" controller="VIKINGS" action="Index" key="Vikings">
+    <mvcSiteMapNode title="Vikings" url="/VIKING" controller="VIKINGS" action="Index" key="Vikings">
        <mvcSiteMapNode title="Details Viking" controller="VIKINGS" action="Details" preservedRouteParameters="id" />
     </mvcSiteMapNode>