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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,977
Được Like
11,316
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: 2

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

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom