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

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

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
1030 المساهمات
289 المساهمات
273 المساهمات
273 المساهمات
243 المساهمات
97 المساهمات
78 المساهمات
76 المساهمات
66 المساهمات
45 المساهمات
آخر المشاركات

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

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



descriptionزر الرسائل في عارضة AwesomeBB Emptyزر الرسائل في عارضة 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>');
  }
});





وفقكم الله
(تم عمل هذه الميزة بواسطة كونان2000,
وتم استعمال كود الجافا الخاص بالعضو Ange Tuteur,
وتم تغير الاوسمة بكود الجافا بواسطة كونان2000)

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

more_horiz
كود مفيد جدا ~

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

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

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

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

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

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

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

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


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

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


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

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

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

شكرا

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

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

شكرا


العفو اخي MostWanted

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

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

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

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

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

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

descriptionزر الرسائل في عارضة AwesomeBB Emptyرد: زر الرسائل في عارضة 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

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

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

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

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

descriptionزر الرسائل في عارضة AwesomeBB Emptyرد: زر الرسائل في عارضة 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المظهر الداكن والعادي لاصدار AwesomeBB
chat_bubble[ CSS ] كود تغيير خلفية عارضة ازرار الصندوق الماسي
chat_bubbleكود ( أفضل 10 أعضاء في الشهر + آخر المواضيع ) لنسخة AwesomeBB