زر الرسائل في عارضة AwesomeBB

اذهب الى الأسفل

زر الرسائل في عارضة AwesomeBB Empty زر الرسائل في عارضة AwesomeBB

مُساهمة من طرف كونان2000 الإثنين 17 يناير 2022 - 7:01

السلام عليكم ورحمة الله وبركاته
:اللهم صل وسلم وبارك على سيدنا محمد وعلى آله وصحبه أجمعين:
---------------------------------------------
احبتت ان اعمل حركه خفيفة لنسخة AwesomeBB
وهو نقل زر الرسائل الخاصة ليكون في العارضة  
زر الرسائل في عارضة AwesomeBB Animat17

صوره بعد وصول رساله جديده
زر الرسائل في عارضة AwesomeBB Animat18
------------------------

طريقة التركيب
1 التومبيلات والقوالب
2 ابحث في قالب الهيدر عن التالي
الكود:
<li><a id="navigation-recent" href="/latest"><i class="material-icons">comment</i>{L_TOPICS}</a></li>

3 ضع اسفله الكود التاليه
الكود:
     <a href="{U_PRIVATEMSGS}"  rel="nofollow" style="font-size: 0; display: inline-block; vertical-align: middle;"><i class="material-icons">mail</i>&nbsp;<div class="mainine">({PRIVATE_MESSAGE_INFO})</div><div class="Message">الرسائل</div>

4  ضع التالي بالcss
الكود:
span.maininecount {
    color: #ffbf00;
    font-size: 22px!important;
}
 
.mainine {
    float: left;
}
 
.Message {
    float: left;
    font-size: 22px!important;
    margin: 3px;
}
span.maininecount:before {
    content: "(";
}
 
span.maininecount:after {
    content: ")";
}


5 واخير ضع الكود التالي بالجافا واختار جميع الصفحات
الكود:
$(function() {
  var newMsg = document.querySelector('.mainine');
 
  if (newMsg) {
    newMsg.innerHTML = newMsg.innerHTML.replace(/(\d+)/, '<span class="maininecount" data-messages="$1">$1</span>');
  }
});

------------------------------
تمت كتابة هذا البرنامج التعليمي بواسطة كونان2000,
وفقكم الله


عدل سابقا من قبل كونان2000 في الثلاثاء 23 أغسطس 2022 - 5:34 عدل 4 مرات
كونان2000
كونان2000
اشراف عام المساعدة
اشراف عام المساعدة

ذكر
عدد المساهمات : 1027
معدل النشاط : 1988
السُمعة : 159

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

abigan يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى