Làm đẹp cho Sidebar Tab

[PVS]

Làm đẹp cho Sidebar Tab

Bài viết sẽ hướng dẫn các bạn cách làm đẹp cho Sidebar Tab.
Yêu cầu: Diễn đàn của bạn phải cài đặt add-on Widget Framework

Demo:

​

Bước 1: Thêm vào template EXTRA.css đoạn code sau:

.tabs {border-bottom: 0px;}
.widget-tabs .tabs {  margin-top: 10px; padding: 0 0 0 17px;}
.widget-tabs .tabs li {  margin-right: 8px;}
.widget-tabs .tabs li.active a, .widget-tabs .tabs.noLinks li.active {
    border-bottom: 1px solid rgb(213, 218, 225);
    color: #136cc5;
}
@media (max-width: @maxResponsiveNarrowWidth) {
.widget-tabs .tabs li {  float: left;}
}

Bước 2: Vào Appearence >> List widgets >> Add widgets
Thêm đoạn code sau vào Title

<span class="fa fa-smile-o fa-lg Tooltip" title="Nội dung"></span>

Quan trọng nhất bạn cần phải chú ý:
1. Set nhiều Widget với title ký tự vào cùng 1 Group ở Widget Group
2. Thay đoạn ký hiệu icon vào "fa-smile-o" theo ý muốn của bạn
3. Sửa "Nội dung" thành nội dung bạn muốn hiển thị
Ví dụ:

​

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

Nguồn: vnnet.org​

 

[THB]

xấu hoắc. haaaaaaaa