FontAwesome Icon as RSS Icon - Biểu tượng FontAwesome như biểu tượng RSS

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,721
FontAwesome Icon as RSS Icon - Biểu tượng FontAwesome như biểu tượng RSS

Kể từ khi được thay thế hình ảnh với css, trang web sẽ có một ít hình ảnh để tải, mà sẽ dẫn đến một sự gia tăng hiệu suất đáng kể. :)

1. Vào template PAGE_CONTAINER và thêm vào sau <head>
Mã:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css" rel="stylesheet">

2. Vào template node_forum_level_2 tìm:
Mã:
<a href="{xen:link forums/index.rss, $forum}" class="tinyIcon feedIcon" title="{xen:phrase rss}">{xen:phrase rss}</a>

Thay thế bằng:
Mã:
<a href="{xen:link forums/index.rss, $forum}"  title="{xen:phrase rss}"><i class="fa fa-rss fa-lg fa-fw" style="color:orange;"></i></a>

3. Vào template footer tìm:
Mã:
<li><a href="{xen:link forums/-/index.rss}" rel="alternate" class="globalFeed" target="_blank"
                    title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}">{xen:phrase rss}</a></li>

Thay thế bằng:
Mã:
<li><a href="{xen:link forums/-/index.rss}" rel="alternate" target="_blank"
                    title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}"><i class="fa fa-rss fa-lw fa-fw" style="color:orange;"></i></a></li>

Bạn có thể thay đổi color: orange; cho phù hợp với nhu cầu của bạn.

rssiconpost.png


rssiconfooter.png

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


Nguồn: xenforo.com​
 

Top Bottom