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

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

●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا إعلانك هنا
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
129 المساهمات
86 المساهمات
55 المساهمات
39 المساهمات
12 المساهمات
7 المساهمات
5 المساهمات
4 المساهمات
4 المساهمات
2 المساهمات
آخر المشاركات


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

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



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

more_horiz

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



صوره بعد وصول رساله جديده
زر الرسائل في عارضة AwesomeBB 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
كود مفيد جدا ~

أصبحت لا انتبه للرسائل أبدا منذ تحويل النسخة هههه

شكرا جزيلا لك كونان يا عبقري Very Happy

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

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

more_horiz
Akatsuki كتب:
كود مفيد جدا ~

أصبحت لا انتبه للرسائل أبدا منذ تحويل النسخة هههه

شكرا جزيلا لك كونان يا عبقري Very Happy

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


بالفعل صعب شويه الانتباه الى الرسائل في النسخه الحديثة
لكن الحمدلله ان القوالب مفتوح ويمكننا التعديل عليها

شكرا لكي @Akatsuki
سعيد ان كود اعجبكي زر الرسائل في عارضة AwesomeBB 155517331


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

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

more_horiz
تم التركيب زر الرسائل في عارضة AwesomeBB 1f44d

شكرا

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

more_horiz
MostWanted كتب:
تم التركيب زر الرسائل في عارضة AwesomeBB 1f44d

شكرا


العفو اخي MostWanted

والله اسعدني كثيرا هذا  زر الرسائل في عارضة AwesomeBB 587258

شكرا لكم وان شاء الله نأتي باضافة جديده مفيده قريبا

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

more_horiz
تم تحديث الكود
زر الرسائل في عارضة AwesomeBB 2944267192

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

more_horiz
تم زر الرسائل في عارضة AwesomeBB 737970443
لكن حجم الكتابة السابق افضل

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

more_horiz
مرحبا اخي  @MostWanted
جرب ضع كود الcss مكان السابق

الكود:

span.maininecount {
    color: #ffbf00;
    font-size: 22px!important;
}
 
.mainine {
    float: left;
}
 
.Message {
    float: left;
    font-size: 18px!important;
    margin: 0px;
}
span.maininecount:before {
    content: "(";
}
 
span.maininecount:after {
    content: ")";
}





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

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

more_horiz
شكرا كونان تم التعديل

هل يمكن اضافة فراغ بين الكتابة و الأيقونة؟ (لأن الكتابة تظهر ملتصقة ..)

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

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

more_horiz
اهلا @Akatsuki
نعم زر الرسائل في عارضة AwesomeBB 2347500315 ضيفي الكود التالي بالcss

الكود:

.Message {
    margin-right: 5px!important;
}


كل ما زاد الرقم يزيد الفراغ واذا نقص يصير العكس

 
 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