- Tham gia
- 28/02/2015
- Bài viết
- 16,830
- Được Like
- 12,697
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
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
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:
Thay đổi bằng:
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
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
Mã:
.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
Mã:
.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ụ:
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:
Mã:
<h3>{xen:phrase xengallery_albums}</h3>
AND
<h3>{xen:phrase xengallery_categories}</h3>
Thay đổi bằng:
Mã:
<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
Mã:
#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;
}
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
Mã:
.xengallerySideBar .secondaryContent h3 a {color: @primaryDark !important}
Nguồn: xenforo.com
Sửa lần cuối:
Bài viết liên quan