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

المصدر: شرح تغيير ايقونات أزرار المشاركة الاجتماعية
في منتدى : منتدى شروحات واضافات الزينفورو

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




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

اقدم لكم


اسم الاضافة Color Social Share Buttons

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






يمكنك تغيير تلوين أزرار المشاركة الاجتماعية باللون الرمادي في 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;
}

قبل التعديل​

​

بعد التعديل​

​

داخل الاطار​

​

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

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











​

 

جازاك الله بالخير وبارك فيك

 

الله بارك فيك اخي الغالي