بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

أحبتى أعضاء وزوار مجتمع تقنى
وكما عودناكم بدعم المنتديات العربية و منتديات الزين فورو
أقدم لكم طريقة اضافة المزيد من أيقونات المشاركة
على مواقع التواصل الإجتماعي لمنتديات الزين فورو
رقم الإصدار :
2.0 - 2.1 - 2.2
بسم الله نبدأ على بركة الله
تاب المظهر- القوالب -
share_controls.less

CSS:
.shareButtons-button {
    .xf-xenarabiaSharingButtons();
    
    &.shareButtons-button--telegram
    {
        &:hover { background-color: #259bd8; }
        > i:before { .m-faContent(@fa-var-telegram); }
    }

    &.shareButtons-button--vk
    {
        &:hover { background-color: #4d75a3; }
        > i:before { .m-faContent(@fa-var-vk); }
    }

    &.shareButtons-button--ok
    {
        &:hover { background-color: #e67e17; }
        > i:before { .m-faContent(@fa-var-odnoklassniki); }
    }

    &.shareButtons-button--blogger
    {
        &:hover { background-color: #f79138; }
        > i:before { .m-faContent(@fa-var-blogger); }
    }

    &.shareButtons-button--linkedin
    {
        &:hover { background-color: #283e4a; }
        > i:before { .m-faContent(@fa-var-linkedin); }
    }

    &.shareButtons-button--diaspora
    {
        &:hover { background-color: #750000; }
        > i:before { .m-faContent(@fa-var-diaspora); }
    }

    &.shareButtons-button--viber
    {
        &:hover { background-color: #665cac; }
        > i:before { .m-faContent(@fa-var-viber); }
    }

    &.shareButtons-button--skype
    {
        &:hover { background-color: #0078d7; }
        > i:before { .m-faContent(@fa-var-skype); }
    }

    &.shareButtons-button--gmail
    {
        &:hover { background-color: #b23121; }
        > i:before { .m-faContent(@fa-var-google); }
    }

    &.shareButtons-button--yahoomail
    {
        &:hover { background-color: #430297; }
        > i:before { .m-faContent(@fa-var-yahoo); }
    }

    &.shareButtons-button--evernote
    {
        &:hover { background-color: #FF5E8F; }
        > i:before { .m-faContent(@fa-var-evernote); }
    }

    &.shareButtons-button--xing
    {
        &:hover { background-color: #026466; }
        > i:before { .m-faContent(@fa-var-xing); }
    }

    &.shareButtons-button--weibo
    {
        &:hover { background-color: #DF2029; }
        > i:before { .m-faContent(@fa-var-weibo); }
    }
}

ثم حفظ تم سنذهب إلى قالب share_page_macros
ونضيف الكود التالى

HTML:
     <a class="shareButtons-button shareButtons-button--brand shareButtons-button--vk" data-href="https://vk.com/share.php?url={url}&title={title}">
            <i aria-hidden="true"></i>
            <span>{{ phrase('vk') }}</span>
        </a>
    
        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--ok" data-href="https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&st.shareUrl={url}">
            <i aria-hidden="true"></i>
            <span>{{ phrase('ok') }}</span>
        </a>   

        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--blogger" data-href="https://www.blogger.com/blog-this.g?u={url}&n={title}">
            <i aria-hidden="true"></i>
            <span>{{ phrase('blogger') }}</span>
        </a>
    
        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--linkedin" data-href="https://www.linkedin.com/shareArticle?mini=true&url={url}&title={title}">
            <i aria-hidden="true"></i>
            <span>{{ phrase('linkedin') }}</span>
        </a>
    
        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--diaspora" data-href="https://share.diasporafoundation.org/?title={title}&url={url}">
            <i aria-hidden="true"></i>
            <span>{{ phrase('diaspora') }}</span>
        </a>
    
        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--weibo" data-href="http://service.weibo.com/share/share.php?url={url}&appkey=&title={title}&pic=&ralateUid=">
            <i aria-hidden="true"></i>
            <span>{{ phrase('weibo') }}</span>
        </a>
    
        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--telegram" data-href="https://t.me/share/url?url={url}">
            <i aria-hidden="true"></i>
            <span>{{ phrase('telegram') }}</span>
        </a>
    
        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--viber" id="viber_share">
            <i aria-hidden="true"></i>
            <span>{{ phrase('viber') }}</span>
        </a>
    
        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--skype" data-href="https://web.skype.com/share?url={url}&text={title}">
            <i aria-hidden="true"></i>
            <span>{{ phrase('skype') }}</span>
        </a>
    
        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--gmail" data-href="https://mail.google.com/mail/?view=cm&su={title}&body={url}">
            <i aria-hidden="true"></i>
            <span>{{ phrase('google') }}</span>
        </a>
    
        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--yahoomail" data-href="http://compose.mail.yahoo.com/?to={url}&subject={title}&body={url}">
            <i aria-hidden="true"></i>
            <span>{{ phrase('con_acc.yahoo') }}</span>
        </a>
    
        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--evernote" data-href="http://www.evernote.com/clip.action?url={url}&title={title}">
            <i aria-hidden="true"></i>
            <span>{{ phrase('evernote') }}</span>
        </a>
    
        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--xing" data-href="https://www.xing.com/spi/shares/new?url={url}">
            <i aria-hidden="true"></i>
            <span>{{ phrase('xing') }}</span>
        </a>

وحفظ ومبروك عليك يا بطل الشكل الجديد
صور تطبيق الشرح
tqny-share2-xenforo.jpg
tqny-share-xenforo.jpg




شكرا على متابعتكم
فى أمان الله أحبتى
الكاتب
Eng.Salah
المشاهدات
369
الإصدار الأول
آخر تحديث
تقييم
0.00 نجوم 0 تقييمات

منتجات أخرى من Eng.Salah

الوسوم
أيقونات ارشفة ارشفة الزين فورو ارشفة المنتدى اضافات اضافة اضافة xenforo اضافة الزين فورو الإجتماعي التواصل المزيد المشاركة المنتديات العربية تقنى دعم xenforo دعم الزين فورو دعم المنتديات دعم الويب طريقة على مجتمع مجتمع تقنى منتدى منتدى الزين فورو منتدى تقنى منتديات الزين فورو مواقع موقع موقع تقنى

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة تقنى .. بالرغم من محاولتنا المستمرة لمنع جميع المخالفات إلا أنه ليس بوسعنا إستعراض جميع المشاركات المدرجة ولا يتحمل تقنى أي مسؤولية قانونية عن محتوى تلك المشاركات . الموقع غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه. .

أعلى أسفل