External Accounts Page Enhancement - Cải tiến trang External Accounts

PVS

Super Moderator
Thành viên BQT
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
External Accounts Page Enhancement - Cải tiến trang External Accounts

Thêm một số biểu tượng Font Awesome cho trang external accounts của bạn như ảnh dưới đây:

externalaccount.png

Không thêm nhiều, nhưng vẫn mang thêm một chút của một diện mạo hoàn thành.

Nếu trang của bạn vẫn chưa cài FA, mở PAGE_CONTAINER và thêm sau <head>
Mã:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

Bây giờ, các biểu tượng ...

Mở template account_external_accounts

Cho Facebook, tìm:
Mã:
<h3 class="textHeading">{xen:phrase facebook_integration}</h3>

Thêm code sau vào trước đoạn code trên:
Mã:
<span class="fa fa-facebook fa-lg fa-fw"></span>

Cho Twitter, di chuyển xuống, tìm:
Mã:
<h3 class="textHeading">{xen:phrase twitter_integration}</h3>

Thêm code sau vào trước đoạn code trên:
Mã:
<span class="fa fa-twitter fa-lg fa-fw"></span>

Cho Google+, di chuyển xuống một chút nữa, tìm:
Mã:
<h3 class="textHeading">{xen:phrase google_integration}</h3>

Thêm code sau vào trước đoạn code trên:
Mã:
<span class="fa fa-google-plus fa-lg fa-fw"></span>

Cho Xen Pushover, mở template xenpushover_account_external_accounts

Tìm:
Mã:
<h3 class="textHeading">{xen:phrase xenpushover_pushover_integration}</h3>

Thêm code sau vào trước đoạn code trên:
Mã:
<span class="fa fa-android fa-lg fa-fw"></span><span class="fa fa-apple fa-lg fa-fw"></span>

Kết quả:

externalaccount1.png

Thực hiện với phần đó ... bây giờ, di chuyển đến EXTRA.css, thêm:
Mã:
/* EXTERNAL ACCOUNT PAGE */
.account_external_accounts .insideSidebar .fa {
    float: left;
    font-size: 31px;
    margin-top: -3px;
}

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


Nguồn: xenforo.com​
 
  • Like
Reactions: THB
Back
Top