هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
زر الرسائل في عارضة AwesomeBB
صفحة 1 من اصل 1
زر الرسائل في عارضة AwesomeBB
السلام عليكم ورحمة الله وبركاته
:اللهم صل وسلم وبارك على سيدنا محمد وعلى آله وصحبه أجمعين:
:اللهم صل وسلم وبارك على سيدنا محمد وعلى آله وصحبه أجمعين:
---------------------------------------------
احبتت ان اعمل حركه خفيفة لنسخة AwesomeBB
وهو نقل زر الرسائل الخاصة ليكون في العارضة
وهو نقل زر الرسائل الخاصة ليكون في العارضة
------------------------
طريقة التركيب
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> <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 مرات (السبب : تجديد الصور)
Witcherface و abigan يعجبهم هذا الموضوع
مواضيع مماثلة
» شرح عمل عارضة المنتدى + مركز الإشعارات + حذف حقوق عارضة المنتدى
» طلب كود رقم العضوية للنسخه AwesomeBB
» مشكلة في النسخة AwesomeBB
» طلب تعديل على كود اخر المواضيع AwesomeBB
» كود المواضيع الأخيرة لنسخة AwesomeBB
» طلب كود رقم العضوية للنسخه AwesomeBB
» مشكلة في النسخة AwesomeBB
» طلب تعديل على كود اخر المواضيع AwesomeBB
» كود المواضيع الأخيرة لنسخة AwesomeBB
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى