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

The Bestدخول
●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا ديوان الإلكتروني
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
278 المساهمات
239 المساهمات
108 المساهمات
104 المساهمات
53 المساهمات
45 المساهمات
32 المساهمات
27 المساهمات
25 المساهمات
23 المساهمات
آخر المشاركات


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

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


زر الرسائل في عارضة AwesomeBB - صفحة 2 H9R9IUO
زر الرسائل في عارضة AwesomeBB - صفحة 2 RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]  زر الرسائل في عارضة AwesomeBB - صفحة 2 866468155

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

more_horiz
العفو اختي  [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]   زر الرسائل في عارضة AwesomeBB - صفحة 2 3058685579
لإضافة فراغ بين الكتابة و الرقم
ضيفي الكود التالي بالcss

الكود:

.Message {
    margin-left: 10px;
}



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

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

more_horiz
تم التعديل ~

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

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

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


زر الرسائل في عارضة AwesomeBB - صفحة 2 H9R9IUO
زر الرسائل في عارضة AwesomeBB - صفحة 2 RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]  زر الرسائل في عارضة AwesomeBB - صفحة 2 866468155

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

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

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

more_horiz
شكرآ لك


زر الرسائل في عارضة AwesomeBB - صفحة 2 Rt69sr10
زر الرسائل في عارضة AwesomeBB - صفحة 2 Untitl17
W W W . T H E B 3 S T . C O M
 
 KonuEtiketleri عنوان الموضوع
زر الرسائل في عارضة AwesomeBB
 Konu Linki رابط الموضوع
 Konu BBCode BBCode
 Konu HTML Kodu HTML code
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى