حلول

محتويات مقالاتي صحيفة البوابة مختلفون دروبلاي المواطن موقع ثقة أركان المعتمر لحجز فنادق مكة والمدينة موقع نادي العرب الموسوعة العامة بيتونيا اينما new capital compounds new capital compounds

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

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

  1. cherki

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

    إنضم إلينا في:
    ‏يونيو 8, 2013
    المشاركات:
    34
    الإعجابات :
    19
    نقاط الجائزة:
    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
    المشاركات:
    474
    الإعجابات :
    211
    نقاط الجائزة:
    440
    الجنس:
    ذكر
    برامج الحماية:
    avast
    نظام التشغيل:
    Windows 7
    جازاك الله بالخير وبارك فيك
     
    أعجب بهذه المشاركة cherki
  3. cherki

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

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

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

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