Account Sidebar Area Enhancement - Cải tiến khu vực Account Sidebar

[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

Account Sidebar Area Enhancement - Cải tiến khu vực Account Sidebar

Tóm tắt: Đây thực sự là một ví dụ cơ bản và không phải là quá nhiều của một nâng cao như minh họa trong hình nhưng nhiều hơn một hướng dẫn để làm quen với các thuộc tính và những lĩnh vực nào của bên tài khoản bạn có thể thay đổi.

Rõ ràng, bạn sẽ có thể nâng cao phần này tốt hơn so với các ví dụ trong hình nhưng nó mang lại cho bạn rằng tài liệu tham khảo làm việc từ từ tùy chọn để thay đổi không có sẵn trong style properties.

Cài đặt: Dán vào template EXTRA.css của bạn đoạn code sau và bạn có thể sửa đổi, thay đổi để sản xuất ra một ví dụ tốt hơn so với những gì tôi đã làm.

/*ACCOUNT SIDEBAR AREA ENHANCEMENTS*/
.accountSideBar .section {
  border-bottom: 10px solid #262626;
  border-bottom-left-radius: 5px;
}
.accountSideBar .section  li{
  border-left: 1px solid #262626;
}
.accountSideBar .primaryContent {
  border-bottom: 1px solid #262626;
}
.accountSideBar .heading {
  background-color: #262626;
  border-bottom: 1px solid #262626;
}
.accountSideBar .subHeading {
    background: none #262626;
    border-bottom: 1px solid #262626;
    border-top: 1px solid #262626;
    color: white;
    border-top-left-radius: 5px;
}
.accountSideBar .secondaryContent {
    border-bottom: 1px solid #262626;
}
.accountSideBar a {
    color: #b41515;
}
.accountSideBar a:hover {
    color: #fff2bc !important;
    background: none #262626 !important;
    -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;
}
/*ACCOUNT SIDEBAR AREA ENHANCEMENTS*/

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

Nguồn: xenforo.com​

 

[Jindo_Katori]

Đánh dấu để dành nghiên cứu