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

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

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
215 المساهمات
168 المساهمات
136 المساهمات
70 المساهمات
54 المساهمات
48 المساهمات
46 المساهمات
38 المساهمات
24 المساهمات
12 المساهمات
آخر المشاركات

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

5 مشترك



×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية
×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية

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

more_horiz
السلام عليكم ورحمة الله وبركاته
:اللهم صل وسلم وبارك على سيدنا محمد وعلى آله وصحبه أجمعين:
---------------------------------------------
احبتت ان اعمل حركه خفيفة لنسخة AwesomeBB
وهو نقل زر الرسائل الخاصة ليكون في العارضة  
صوره بعد وصول رساله جديده
زر الرسائل في عارضة AwesomeBB 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 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 صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
remove_circleمواضيع مماثلة