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

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

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
318 المساهمات
248 المساهمات
144 المساهمات
78 المساهمات
78 المساهمات
78 المساهمات
56 المساهمات
46 المساهمات
24 المساهمات
22 المساهمات
آخر المشاركات

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