تعديل قالب شرح تغيير ايقونات أزرار المشاركة الاجتماعية

الموضوع في 'منتدى شروحات واضافات الزينفورو' بواسطة cherki, بتاريخ ‏فبراير 29, 2020.

  1. cherki

    cherki زيزوومي جديد

    إنضم إلينا في:
    ‏يونيو 8, 2013
    المشاركات:
    36
    الإعجابات :
    20
    نقاط الجائزة:
    50
    الجنس:
    ذكر
    الإقامة:
    maroco
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows 10



    شرح تغيير ايقونات أزرار المشاركة الاجتماعية

    [​IMG]


    اخوانى الكرام اسرة منتديات زيزووم .. اهلا بكم

    اقدم لكم

    [​IMG]
    اسم الاضافة Color Social Share Buttons

    التوافق : زينفورو 2.0 فما فوق 2.1


    [​IMG]



    يمكنك تغيير تلوين أزرار المشاركة الاجتماعية باللون الرمادي في Xenforo 2.

    اضف الكود التالي في قالب extra.less

    لتغيير الايقونات​
    • كود:
      .shareButtons-button.shareButtons-button--facebook {
          background-color: #3B5998;
      }
      .shareButtons-button.shareButtons-button--twitter {
          background-color: #1DA1F3;
      }
      .shareButtons-button.shareButtons-button--gplus {
          background-color: #dd4b39;
      }
      .shareButtons-button.shareButtons-button--reddit {
          background-color: #FF4500;
      }
      .shareButtons-button.shareButtons-button--pinterest {
          background-color: #bd081c;
      }
      .shareButtons-button.shareButtons-button--tumblr {
          background-color: #35465c;
      }
      .shareButtons-button.shareButtons-button--whatsApp {
          background-color: #25D366;
      }
      .shareButtons-button.shareButtons-button--email {
          background-color: #1289ff;
      }
      .shareButtons-button.shareButtons-button--link {
          background-color: #787878;
      }
      .shareButtons--iconic .shareButtons-button:hover {
          opacity: .5;
      }
      .shareButtons--iconic .shareButtons-button {
          opacity: 1;
          color: #fff;
          margin: 0 3px 3px;
      }
    اضف الكود التالي في قالب extra.less


    كود:
    .blockMessage.blockMessage--none {
        background: #fff;
        color: #141414;
        padding: 10px 10px 6px;
        border-width: 1px;
        border-style: solid;
        border-top-color: #dfdfdf;
        border-right-color: #d8d8d8;
        border-bottom-color: #cbcbcb;
        border-left-color: #d8d8d8;
    }
    قبل التعديل


    [​IMG]


    بعد التعديل


    [​IMG]

    داخل الاطار


    [​IMG]

    في الشريط الجانبي ؛


    [​IMG]


    اتمنى ان تنال اعجابكم دمتم سالمين يارب











     
  2. MR Mouhssine

    MR Mouhssine زيزوومى مميز

    إنضم إلينا في:
    ‏مارس 24, 2018
    المشاركات:
    490
    الإعجابات :
    226
    نقاط الجائزة:
    520
    الجنس:
    ذكر
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows 10
    جازاك الله بالخير وبارك فيك
     
    أعجب بهذه المشاركة cherki
  3. cherki

    cherki زيزوومي جديد

    إنضم إلينا في:
    ‏يونيو 8, 2013
    المشاركات:
    36
    الإعجابات :
    20
    نقاط الجائزة:
    50
    الجنس:
    ذكر
    الإقامة:
    maroco
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows 10
    الله بارك فيك اخي الغالي
     

مشاركة هذه الصفحة

جاري تحميل الصفحة...