Breadcrumb Enhancement - Cải tiến Breadcrumb v1

[PVS]

Breadcrumb Enhancement - Cải tiến Breadcrumb v1

Tóm tắt: Điều này sẽ cung cấp cho khu vực Breadcrumb của bạn một hình ảnh mà tôi nghĩ rằng trông đẹp, nhưng quan trọng hơn là lệch từ giao diện mặc định.

​

Cài đặt: Tải hình ảnh trong archive vào folder /gradients của bạn và sau đó dán đoạn mã sau vào template EXTRA.CSS của bạn.

 /*BREADCRUMB ENHANCEMENTS*/

.breadcrumb  {
    background: url("@imagePath/xenforo/gradients/bbsmiley-breadcrumb-gradient.png") repeat-x scroll center top #3f3f3f;
    border: 1px solid #000;
    box-shadow: 0 0 1px #bfbfbf inset;
    color: #747474;
    border-radius: 4px;
}

.breadcrumb .crust a.crumb:after {
    color: #747474;
    content: ">";
    font-size: 12px;
    position: relative;
    right: -10px;
    top: 0px;
    text-shadow: 0 0 0 transparent, 1px 1px 0 #000;
    background-color: none !important;
}

.breadcrumb .crust:last-child a.crumb  {
    font-weight: bold;
    text-shadow: 0 0 0 transparent, 1px 1px 0 #000;
    color: #ababab;
}

.breadcrumb .crust a.crumb {
    background-color: transparent;
    text-shadow: 0 0 0 transparent, 1px 1px 0 #000;
    line-height: 29px !important;
}

.breadcrumb .crust {
    height: 30px;
}

.breadcrumb .crust:hover a.crumb {
    color: #ababab;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    opacity: 0.5;
    background-color: transparent;
    border: none !important;
}

.breadcrumb .crust:hover .arrow span {
    border-width: none;
    background-color: transparent !important;
}

.breadcrumb .crust:first-child a.crumb {
    background-color: transparent;
}

.breadcrumb .crust .arrow span {
    background-color: transparent;
    border-width: 0px 0px 0px 0px;
}

.breadcrumb .crust .arrow {
    border-width: 0px
}

.breadcrumb .crust a.crumb {
    border-bottom: 0px solid #A5CAE4;
    color: #999999;
    line-height: 30px;
}

.breadcrumb .jumpMenuTrigger:hover {
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    opacity: 0.5;
}

/*BREADCRUMB ENHANCEMENTS*/

Chúc các bạn thành công.

Nguồn: xenforo.com​

 

[phankt]

Breadcrumb của em bị ẩn đi không biết lỗi do đâu bác ah.
Có phải vì em xóa breadcrumb ở footer hay không nữa