Tutorial 2x Parler Share Button (Template Mod) - Nút chia sẻ Parler cho XenForo 2.2

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,830
Được Like
12,698
Parler Share Button (Template Mod) - Nút chia sẻ Parler cho XenForo 2.2

Tệp zip tải xuống phải được tải lên vì Parler không nằm trong Font Awesome.

Hiển thị sự ủng hộ cho tự do ngôn luận bằng cách thêm nút chia sẻ Parler vào trang web của bạn.

Sau khi các tệp được tải lên, điều này phải được thêm vào extra.less với các dòng khác nhau có nhận xét về các sửa đổi cần thiết cho các style khác với mặc định:
Less:
/* Add Parler sharing support */
@font-face {
  font-family: 'parler';
  src:  url('styles/fonts/parler/parler.eot?91vqac');
  src:  url('styles/fonts/parler/parler.eot?91vqac#iefix') format('embedded-opentype'),
    url('styles/fonts/parler/parler.ttf?91vqac') format('truetype'),
    url('styles/fonts/parler/parler.woff?91vqac') format('woff'),
    url('styles/fonts/parler/parler.svg?91vqac#parler') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.parler-font {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'parler' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
}

&.shareButtons-button--parler
{
 // Set the background color if needed by your style
 //background-color: #cc3333;
 &:hover { background-color: #cc3333; }
 > i:before {
     content: "\1f1f5";
     //color: #fff; // Set this to your desired color if you're not using the default style
 }
}

Và sau đó chỉ cần thêm biểu tượng. Chọn đặt nó sau Twitter, dòng 33, nhưng nếu bạn biết mình đang làm gì, bạn có thể đặt nó ở bất kỳ đâu trong các biểu tượng chia sẻ của mình. Nếu không, chỉ cần thêm cái này vào dòng 33 của share_page_macros:
HTML:
                    <xf:comment>Add Parler sharing button</xf:comment>
                    <a class="shareButtons-button shareButtons-button--parler" data-href="https://parler.com/new-post?message={title}&amp;url={url}">
                        <i aria-hidden="true" class="parler-font"></i>
                        <span>Parler</span>
                    </a>

1607317712077.png

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


Nguồn: xenforo.com​
 

Đính kèm

  • parler-icon.zip
    3.6 KB · Lượt xem: 3

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom