date_range11 марта 2018 visibility1529

add_alert Хлебные крошки нужны для пользователей и для роботов.

create Есть мног сниппетов/компонентов для организаций хлебных крошек или Breadcrumbs по английский.

hdr_strong Меньше слов, больше действий!


Для организаций хлебных крошек на сайте Modx Revo,будем использовать сниппет pdoCrumbs из набора компонента pdoTools.


Рарзметка 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: #0d47a1;
    border-radius: 4px;
    color: #fff;
}
.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);
}    
    

Результат на этом сайте- в начале страницы

beenhere Решено- осталиь вопросы ?