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

The Bestدخول
●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا ديوان الإلكتروني
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
325 المساهمات
239 المساهمات
114 المساهمات
110 المساهمات
53 المساهمات
47 المساهمات
45 المساهمات
30 المساهمات
25 المساهمات
23 المساهمات
آخر المشاركات


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

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


زر الرسائل في عارضة AwesomeBB H9R9IUO
زر الرسائل في عارضة AwesomeBB RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]  زر الرسائل في عارضة AwesomeBB 866468155

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

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

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

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

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


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

شكرا لكي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
سعيد ان كود اعجبكي زر الرسائل في عارضة AwesomeBB 155517331


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

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

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

شكرا


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

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

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

شكرا


العفو اخي MostWanted

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

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

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

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

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

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



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

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

more_horiz
مرحبا اخي  [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
جرب ضع كود ال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


زر الرسائل في عارضة AwesomeBB H9R9IUO
زر الرسائل في عارضة AwesomeBB RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]  زر الرسائل في عارضة AwesomeBB 866468155

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

more_horiz
اهلا [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
نعم زر الرسائل في عارضة AwesomeBB 2347500315 ضيفي الكود التالي بالcss

الكود:

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


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

 
 KonuEtiketleri عنوان الموضوع
زر الرسائل في عارضة AwesomeBB
 Konu Linki رابط الموضوع
 Konu BBCode BBCode
 Konu HTML Kodu HTML code
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى