Breadcrumbs (Хлебные крошки) MODx с помощью pdoCrumbs

Breadcrumbs (Хлебные крошки) MODx с помощью pdoCrumbs

Рарзметка HTML:

Стили CSS:

.breadcrumb_wr {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
}
.breadcrumb_wr li{
    display: inline-block;
    position: relative;
}
.breadcrumb_wr li a, .breadcrumb_wr li.active {
    -moz-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    display: inline-block;
    padding: 3px 15px;
    background-color: #f5e399;
    border-radius: 4px;
    color: #804800;
    text-shadow: 0px 1px 2px rgb(255, 255, 255);
}
.breadcrumb_wr li a span, .breadcrumb_wr li.active span{
    display: inline-block;
    -moz-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    -o-transform: skewX(25deg);
    -ms-transform: skewX(25deg);
    transform: skewX(25deg);
}
.breadcrumb_wr li.active {
    background-color: #fbf7c3;
}
Способ поблагодарить автора сайта:

Комментарии (0)

  1. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором
Наш сайт использует куки, нажмите «ОК» если вы не против
OK