Sidebar Enhancements - Cải tiến sidebar v1

[PVS]

Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn

Sidebar Enhancements - Cải tiến sidebar v1

Tóm tắt: Thêm một chút gọi mà màu mè vào sidebar của bạn.

​

Cài đặt: Tải tập tin sidebar-gradient.png vào thư mục /gradients và dán css sau vào template Extra.css của bạn.

.sidebar .secondaryContent {
    background: url("@imagePath/xenforo/gradients/sidebar-gradient.png") repeat-x scroll center bottom #83B842 ;
    border: 1px solid #468000 ;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
    padding: 10px;
}
.sidebar h3, .sidebar h3 a  {
    color: #366200 !important;
    font: bold 12px/14px Arial,sans-serif;
    text-shadow: 0 0 0 transparent, 0 -1px 0 #b5d191;
    border-bottom: 1px solid #507D19 !important;
    box-shadow: 0 1px 0 0 #91BE59;
}
.sidebar h3 a:hover {
    text-decoration: none !important;
    opacity: 0.5;
}
.sidebar .pairsJustified dt, .sidebar .section .secondaryContent .footnote, .sidebar .section .secondaryContent .minorHeading, .sidebar .avatarList  .userTitle{
    color: #f1ffdf;
    font:  11px/11px !important;
    text-shadow: 0 -1px 0 #4a8107;
}
.sidebar .username, .sidebar .pairsJustified dd {
    color: #ffeca0 !important;
}
.sidebar .avatar img, sidebar .avatar .img.s {
    border: 1px solid #468000 ;
}

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

Nguồn: xenforo.com​