XFMG Font Awesome Sidebar

[PVS]

Vnxf.vn - Nếu bạn muốn thay đổi/thêm Font Awesome biểu tượng trong sidebar của bạn cho XFMG thì đây là hướng dẫn làm thế nào để đặt được nó.

​

Trước tiên là phải thêm dòng sau vào EXTRA.css của bạn

.xengallerySideBar .fa {margin-right: 6px !important; font-size: 14px !important;}

Nếu bạn đã có Font tuyệt vời trong sidebar XFMG của bạn

​

thì cũng thêm phần sau đây vào EXTRA.css của bạn

.xengallerySideBar .secondaryContent h3:before {display: none !important;}
.xengallerySideBar .secondaryContent h3 {padding-left: 10px !important;}

Tiếp theo thêm vào <i class> Font Awesome code sự lựa chọn của bạn để bắt đầu với các phrases.

xengallery_media_navigation
xengallery_tag_cloud
xengallery_gallery_statistics
xengallery_recent_comments
xengallery_top_contributors
xengallery_recent_albums

Ví dụ:

​

Sau đó, bạn sẽ cần phải thêm 2 phrases mới, và thêm các Font Awesome <i class> như bạn đã làm cho các phrases trước đó. Mình đã đặt tên như sau:

xengallery_albums_2
xengallery_categories_2

Sau đó, bạn sẽ cần phải chỉnh sửa 2 template sau:

xengallery_album_wrapper
xengallery_category_wrapper

Trong mỗi template tìm:

<h3>{xen:phrase xengallery_albums}</h3>

AND

<h3>{xen:phrase xengallery_categories}</h3>

Thay đổi bằng:

<h3>{xen:phrase xengallery_albums_2}</h3>

AND

<h3>{xen:phrase xengallery_categories_2}</h3>

Nếu bạn muốn thay đổi biểu tượng Font Awesome cho bên phải khi bạn đi vào một album hoặc media thì hãy thêm những điều sau đây vào EXTRA.css của bạn

#mediaInfo h3:before {
content: '\f05a' !important;
font-family: FontAwesome;
margin-right: 4px;
}
#ownerInfo h3:before {
content: '\f06e' !important;
font-family: FontAwesome;
margin-right: 4px;
}
#shareMedia h3:before {
content: '\f14d' !important;
font-family: FontAwesome;
margin-right: 4px;
}

​

Bạn có thể thay đổi Unicode theo sự lựa chọn của bạn hoặc sử dụng những cái mình đã chọn.

Nếu Tag Cloud title của bạn là một màu sắc khác với phần còn lại title của bạn, thêm vào EXTRA.css

.xengallerySideBar .secondaryContent h3 a {color: @primaryDark !important}

Nguồn: xenforo.com​

 

[Lê Thanh Giảng]

Vnxf.vn - Nếu bạn muốn thay đổi/thêm Font Awesome biểu tượng trong sidebar của bạn cho XFMG thì đây là hướng dẫn làm thế nào để đặt được nó.

View attachment 443 View attachment 444
​

Trước tiên là phải thêm dòng sau vào EXTRA.css của bạn

.xengallerySideBar .fa {margin-right: 6px !important; font-size: 14px !important;}

Nếu bạn đã có Font tuyệt vời trong sidebar XFMG của bạn

View attachment 445
​

thì cũng thêm phần sau đây vào EXTRA.css của bạn

.xengallerySideBar .secondaryContent h3:before {display: none !important;}
.xengallerySideBar .secondaryContent h3 {padding-left: 10px !important;}

Tiếp theo thêm vào <i class> Font Awesome code sự lựa chọn của bạn để bắt đầu với các phrases.

xengallery_media_navigation
xengallery_tag_cloud
xengallery_gallery_statistics
xengallery_recent_comments
xengallery_top_contributors
xengallery_recent_albums

Ví dụ:

View attachment 446
​

Sau đó, bạn sẽ cần phải thêm 2 phrases mới, và thêm các Font Awesome <i class> như bạn đã làm cho các phrases trước đó. Mình đã đặt tên như sau:

xengallery_albums_2
xengallery_categories_2

Sau đó, bạn sẽ cần phải chỉnh sửa 2 template sau:

xengallery_album_wrapper
xengallery_category_wrapper

Trong mỗi template tìm:

<h3>{xen:phrase xengallery_albums}</h3>

AND

<h3>{xen:phrase xengallery_categories}</h3>

Thay đổi bằng:

<h3>{xen:phrase xengallery_albums_2}</h3>

AND

<h3>{xen:phrase xengallery_categories_2}</h3>

Nếu bạn muốn thay đổi biểu tượng Font Awesome cho bên phải khi bạn đi vào một album hoặc media thì hãy thêm những điều sau đây vào EXTRA.css của bạn

#mediaInfo h3:before {
content: '\f05a' !important;
font-family: FontAwesome;
margin-right: 4px;
}
#ownerInfo h3:before {
content: '\f06e' !important;
font-family: FontAwesome;
margin-right: 4px;
}
#shareMedia h3:before {
content: '\f14d' !important;
font-family: FontAwesome;
margin-right: 4px;
}

View attachment 447
View attachment 448
View attachment 449
​

Bạn có thể thay đổi Unicode theo sự lựa chọn của bạn hoặc sử dụng những cái mình đã chọn.

Nếu Tag Cloud title của bạn là một màu sắc khác với phần còn lại title của bạn, thêm vào EXTRA.css

.xengallerySideBar .secondaryContent h3 a {color: @primaryDark !important}

Nguồn: xenforo.com​

hơi khó hiểu nhưng vẩn đọc được
hi vọng sau này có chổ để sử dụng

 

[PVS]

 

[Lê Thanh Giảng]

xin ban quản trị thêm vào quy định là phải post trên 50 kí tự đi
chứ bác này chỉ có hình mặt cười thế thôi

 

[PVS]

xin ban quản trị thêm vào quy định là phải post trên 50 kí tự đi
chứ bác này chỉ có hình mặt cười thế thôi

mình làm thế là để tôn trọng người khác thôi , chứ bạn cmt mà mình không cmt lại thì hơi "xem thường" kiểu vậy á

 

[Lê Thanh Giảng]

mình làm thế là để tôn trọng người khác thôi , chứ bạn cmt mà mình không cmt lại thì hơi "xem thường" kiểu vậy á

bạn nói đúng đó
mình rất tán thành với ý kiến của anh
hehe chờ anh em online cả ngày mà giờ không thấy ai on cả hơi nản nhé

 

[PVS]

hì, không thấy ai onl thì đi dạo quanh chờ tiếp )

 

[Lê Thanh Giảng]

hì, không thấy ai onl thì đi dạo quanh chờ tiếp )

em đang nghiên cứu xenfforo mà đâu có rời mắt máy tính được đâu

 

[PVS]

em đang nghiên cứu xenfforo mà đâu có rời mắt máy tính được đâu

ừ