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,618
Được Like
12,670
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

Top Bottom