The Best
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

The Bestدخول
زر الرسائل في عارضة AwesomeBB - صفحة 2 IYwmYsl زر الرسائل في عارضة AwesomeBB - صفحة 2 YX9OYr9

●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا إعلانك هنا
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
495 المساهمات
351 المساهمات
184 المساهمات
119 المساهمات
93 المساهمات
66 المساهمات
34 المساهمات
32 المساهمات
27 المساهمات
27 المساهمات
آخر المشاركات


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

replyإرسال مساهمة في موضوع
5 مشترك



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

more_horiz
تذكير بمساهمة فاتح الموضوع :


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



صوره بعد وصول رساله جديده
زر الرسائل في عارضة AwesomeBB - صفحة 2 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>');
  }
});



وفقكم الله

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

more_horiz
تم ~ الفراغ جيد هكذا شكرا كونان زر الرسائل في عارضة AwesomeBB - صفحة 2 1620276979

هل هناك طريقة لإضافة فراغ آخر بعد الكتابة (بين الكتابة و رقم الرسائل عندما تكون هناك رسائل جديدة)

زر الرسائل في عارضة AwesomeBB - صفحة 2 YWyqYGw

جعلت الرقم يظهر بنفس الحجم لكن بالخط العريض .. أعتقد أنه جيد هكذا Very Happy

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

more_horiz
العفو اختي  @Akatsuki   زر الرسائل في عارضة AwesomeBB - صفحة 2 3058685579
لإضافة فراغ بين الكتابة و الرقم
ضيفي الكود التالي بالcss

الكود:

.Message {
    margin-left: 10px;
}



كل ما زاد رقم 10 يزيد الفراغ واذا نقص يصير العكس
_______________________
واي مشكله اخبروني وانا حاضر ان شاء الله
زر الرسائل في عارضة AwesomeBB - صفحة 2 33035

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

more_horiz
تم التعديل ~

شكلها ممتاز الآن على ما أعتقد ^^

شكرا جزيلا كـونان

زر الرسائل في عارضة AwesomeBB - صفحة 2 866468155

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

more_horiz
سلمت يدآك على الطرح
بـ نتظـآر آلمزيد من هذا آلفيـض الراآقي
لك كل الود والاحترام

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

more_horiz
شكرآ لك
 
 KonuEtiketleri عنوان الموضوع
زر الرسائل في عارضة AwesomeBB
 Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
تستطيع الرد على المواضيع في هذا المنتدى
replyإرسال مساهمة في موضوع
remove_circleمواضيع مماثلة
chat_bubbleتومبيلات ثلاث احصائيات لنسخة AwesomeBB
chat_bubbleتحسين نظام السمعه لنسخة awesomebb
chat_bubbleكود ( أفضل 10 أعضاء في الشهر + آخر المواضيع ) لنسخة AwesomeBB
chat_bubble[ CSS ] كود تغيير خلفية عارضة ازرار الصندوق الماسي
chat_bubbleاضف عارضة لوحة الادارة الى منتداك: نسخة ModernBB