XenForo Tips اضافه کردن الگوی زیبا به بخش اشتراک ها در زنفورو 2020-12-29

/* 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
}
}

<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>