السلام عليكم ..
شرحنا اليوم عن كيفية اضافة زر المشاركة Linkedin
لسكربت المنتديات زين فورو Xenforo الجيل الثاني.
الخطوات:
1. نفتح القالب: share_controls.less
نبحث داخل القالب على الكود التالي:
اسفل الكود اعلاه نضيف الكود التالي:
احفظ القالب.
2. افتح القالب: share_page_macros
ابحث داخل القالب على الكود التالي:
اسفل الكود .. اضف الكود التالي:
احفظ القالب.
النتيجة:
انتهى
شرحنا اليوم عن كيفية اضافة زر المشاركة Linkedin
لسكربت المنتديات زين فورو Xenforo الجيل الثاني.
الخطوات:
1. نفتح القالب: share_controls.less
نبحث داخل القالب على الكود التالي:
CSS:
&.shareButtons-button--link
{
cursor: pointer;
&:hover { background-color: #787878; }
> i:before { .m-faContent(@fa-var-link); }
}
اسفل الكود اعلاه نضيف الكود التالي:
CSS:
&.shareButtons-button--linkedin
{
&:hover { background-color: #1DA1F3; }
> i:before { .m-faContent(@fa-var-linkedin); }
}
احفظ القالب.
2. افتح القالب: share_page_macros
ابحث داخل القالب على الكود التالي:
CSS:
<xf:if is="$xf.options.redditShare">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--reddit" data-href="https://reddit.com/submit?url={url}&title={title}">
<i aria-hidden="true"></i>
<span>{{ phrase('reddit') }}</span>
</a>
</xf:if>
اسفل الكود .. اضف الكود التالي:
CSS:
<div is="$xf.options.linkedin">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--linkedin" data-href="https://www.linkedin.com/post/new={url}&title={title}">
<i aria-hidden="true"></i>
<span>{{ phrase('linkedin') }}</span>
</a>
</div>
احفظ القالب.
النتيجة:
انتهى