منتديات الشامل
مرحبا بك في منتديات Achaamel
لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص، يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد، نتشرف بدعوتك لإنشائه.




 

شاطر | 
 

 إلغاء صور أزرار كل من "موضوع جديد" و "إضافة رد" و "موضوع مغلق" و جعلتُها نصية بإضافة تأثيرات CSS

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
avatar



المدير  العام
معلومات إضافية
تاريخ التسجيل : 31/08/2012
الجنس : ذكر
النقاط : 8710
السٌّمعَة : 58
عدد المساهمات : 109
الموقع : منتديات الشامل
المزاج : الحمد لله

https://www.achaamel.com/
مُساهمةموضوع: إلغاء صور أزرار كل من "موضوع جديد" و "إضافة رد" و "موضوع مغلق" و جعلتُها نصية بإضافة تأثيرات CSS   الإثنين 4 سبتمبر 2017 - 17:02

إلغاء صور أزرار كل من "موضوع جديد" و "إضافة رد" و جعلتُها نصية بإضافة تأثيرات CSS
نقدم لكم اليوم إن شاء الله موضوع جديد و هو طريقة إلغاء صور أزرار كل مِن "إضافة موضوع جديد" ، "إضافة رد جديد" و "موضوع مغلق و جعلها على شكل أزرار نصية مع إضافة تأثيرات عليها بتقنية css. 

الأزرار المعنية بالأمر على سبيل المثال هي: 
        
لتعويض هذه الأيقونات (أو الأزرار) بأخرى نصية نتبع ما يلي: 

لوحة إدارة المنتدى >> عناصر إضافية >> HTML و JAVASCRIPT >> إدارة أكواد الــJAVASCRIPT       

تفعيل نظام إدارة أكواد Javascript :نعم 
 تم (إنشاء كود جديد). 
العنوان * :حسب ما تريد 
أضف الكود الى : 'المنتديات الثانوية' و 'المواضيع'
كود Javascript * :
نضيف الكود التالي.... 
الكود:
$(function() {
    $('.nav img[alt*="تعديل المواضيع"]').replaceWith('<span class="lockedForum">المنتدى مُقفل</span>');
    $('.nav img[alt*="تعديل الموضوع"]').replaceWith('<span class="lockedForum">الموضوع مُغلق</span>');
    $('img[alt*="إرسال مساهمة في موضوع"]').replaceWith('<span class="lockedForum sendReply">رد جديد</span>');
    $('img[alt*="إرسال موضوع جديد"]').replaceWith('<span class="lockedForum sendTopic">موضوع جديد</span>');
// by omarpop23
});

تم سجل (أو قدم). 

للأمانة فقط...... فالكود من إنشاء الأخ omarpop23 و شكرا له على ما قدمه لنا على هذا المنتدى. 

نذهب الآن إلى 
مظهر المنتدى >> الصور و الألوان >> ألوان >> ورقة CSS


و نضيف الخصائص التالية تم نسجل. 
الكود:
.lockedForum {
    background: #f00;
    padding: 3px 12px;
    border-radius: 5px;
    color: #FFF;
    transition: 300ms;
}
.sendReply, .sendTopic {
    background: #39c;
}
.lockedForum:hover {
    background: #333;
}

ارجو لكم كل التوفيق.
توقيع العضو(ة): admin



الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
إلغاء صور أزرار كل من "موضوع جديد" و "إضافة رد" و "موضوع مغلق" و جعلتُها نصية بإضافة تأثيرات CSS
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات الشامل :: منتدى تطوير المواقع :: قسم تطوير منتديات أحلى منتدى-
انتقل الى: