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

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

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

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

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

طريقة التركيب
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,
وتم استعمال كود الجافا الذي صنعه العضو Ange Tuteur لاخفاء كلمة رسالة والابقاء على الرقم,


عدل سابقا من قبل كونان2000 في الثلاثاء 30 أبريل 2024 - 10:25 عدل 6 مرات (السبب : تجديد الصور)
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1771
معدل النشاط : 3681
السُمعة : 332

https://anime.forumperso.com/

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

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

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

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

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