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

The Bestدخول
●● إعلانـات ●●
انمي تون إعلانك هنا إعلانك هنا
إعـلانـات المنتـدى

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
173 المساهمات
137 المساهمات
125 المساهمات
87 المساهمات
64 المساهمات
64 المساهمات
60 المساهمات
55 المساهمات
53 المساهمات
24 المساهمات
آخر المشاركات

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

5 مشترك



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

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

السلام عليكم ورحمة الله وبركاته
:اللهم صل وسلم وبارك على سيدنا محمد وعلى آله وصحبه أجمعين:
---------------------------------------------
احبتت ان اعمل حركه خفيفة لنسخة AwesomeBB
وهو نقل زر الرسائل الخاصة ليكون في العارضة  
صوره بعد وصول رساله جديده
زر الرسائل في عارضة AwesomeBB - صفحة 2 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 لاخفاء كلمة رسالة والابقاء على الرقم,

descriptionزر الرسائل في عارضة AwesomeBB - صفحة 2 Emptyرد: زر الرسائل في عارضة AwesomeBB

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

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

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

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

descriptionزر الرسائل في عارضة AwesomeBB - صفحة 2 Emptyرد: زر الرسائل في عارضة AwesomeBB

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

الكود:

.Message {
    margin-left: 10px;
}



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

descriptionزر الرسائل في عارضة AwesomeBB - صفحة 2 Emptyرد: زر الرسائل في عارضة AwesomeBB

more_horiz
تم التعديل ~

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

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

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

descriptionزر الرسائل في عارضة AwesomeBB - صفحة 2 Emptyرد: زر الرسائل في عارضة AwesomeBB

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

descriptionزر الرسائل في عارضة AwesomeBB - صفحة 2 Emptyرد: زر الرسائل في عارضة AwesomeBB

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