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

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

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
2 المساهمات
آخر المشاركات

زر الرسائل في عارضة 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مواضيع مماثلة