شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 518
السٌّمعَة : 49
تاريخ التسجيل : 03/06/2015
العمر : 23
معاينة صفحة البيانات الشخصي للعضوhttp://www.t-mrkz.com/

default جافاسكربت + Css لتغير لون خلفية مثبت واعلانات وغيرها

في الإثنين فبراير 01, 2016 5:53 am
جافاسكربت + Css لتغير لون خلفية مثبت واعلانات وغيرها 



هذه الدرس التعليمي التالي سوف يسمح لك لعرض لون محدد لالمثبتة والاعلانات فى منتدى الخاصة بك. بهذه الطريقة سيتم تسليط الضوء رسائل مهمة في الاقسام الفرعيه الخاص بك.

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

كما تلاحظون اصدقائي اخترت ايقونه تم الحل ووضع خلفيه بالكامل لها ..

هذه الدرس ينطبق على نسخ المنتديات التاليه : phpbb2, phpbb3, punbb, invision

قبل إجراء أية تغييرات، تأكد من أن منتداكم يلبي الشروط التالية:
- تنشيط رموز جافا سكريبت

 1- الجافاسكربت







لوحة الأداره >> عناصر اضافية >> HTML و JAVASCRIPT >> اداره اكواد javascript >> انشاء كود جديد +



يجب أختيار : المنتديات الثانوية


أذا كنت تستخدم النسخ التالية phpbb2, punbb, أو invision  أضف هذه الكود

الكود:
$(function() {
  /* أضافة الى الأعلانات */
  $('img[src="http://url_image_annonce.jpg"]').closest('tr').addClass('annonce');
  /* اضافه الى المثبت */
  $('img[src="http://url_image_Note.jpg"]').closest('tr').addClass('Note');
});

أذا كنت تستخدم النسخة phpbb3 أستخدم الكود التالي


الكود:
$(function() {
  /* أضافة الى الأعلانات */
  $("dl.icon[style*='http://url_image_annonce.jpg']").addClass("annonce");
  /* اضافه الى المثبت */
  $("dl.icon[style*='http://url_image_Note.jpg']").addClass("Note");
});


معلومات حول الأكواد:






في كل من الأكواد أعلى، تأكد من تغيير عناوين الصورة مع تلك التي تستخدمها على الموضوع الخاص بك:- [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] : هذه الصورة تستبدل بصورة الأعلانات 
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] : هذه الصورة تستبدل بصورة المثبتة

عند الأنتهاء تأكد من حفظ الكود. 


2- أضافة كود CSS







بعد الأنتهاء من تركيب الجافاسكربت يجب أضافة أكواد CSS التالية لتنسيخ خلايه الكود

أذهب الى لوحة الأدارة>> مظهر المنتدى >> اللوان >> ورقة CSS وضع الكود الذي يتناسب مع نسخه منتداك ..

كود التالي يتناسب مع phpBB2, punBB , Invision  




الكود:
tr.annonce td {background-color:#COLOR!important;} /* أضافة لون خلفيه للأعلانات*/
 tr.Note td {background-color:#COLOR!important;} /* أضافة لون خلفية للمثبت */


كود للنسخه phpBB3

الكود:
dl.annonce {background-color:#COLOR!important;} /* أضافة لون خلفيه للأعلانات*/ 
dl.Note {background-color:#COLOR!important;} /* أضافة لون خلفية للمثبت */

معلومات مهمه :

- يجب تغير كلمه COLOR الى اللون الذي تريده للخفيه ضع رمز اللون فقط
- الموقع التالي يساعدك http://www.colorpicker.com/

ملاحظة - اذا كنت تعرف طريقة استخدام CSS يمنكك ايضا وضع اكواد css تأثيرات اضافية وخط وحجم وغيرها للاعلانات والمثبت

جاري تحظير الشرح التالي لأضافتها لباقي الصور مثل تم حل الموضوع وايقونات اخرى 




_____________________________________

 من فضلك لا تطلب المساعدة عن طريق  الرسائل الخاص ! الرد على المواضيع حيث أنها يمكن أن تساعد الجميع. 
avatar
عضو جديد
عدد المساهمات : 38
النقاط : 44
السٌّمعَة : 2
تاريخ التسجيل : 02/02/2016
معاينة صفحة البيانات الشخصي للعضو

default رد: جافاسكربت + Css لتغير لون خلفية مثبت واعلانات وغيرها

في الأربعاء فبراير 03, 2016 2:24 pm
أولا : بارك الله فيك و في والديك و يجعل مثواك الجنة يا رب إن شاء الله يا غالي..
بس أنا في الحقيقية لم أفهم شيء
و أنا نوع نسخة منتداي phpBB2
ياريت توضح لي خطوة خطوة
عضو جديد
عدد المساهمات : 47
النقاط : 49
السٌّمعَة : 0
تاريخ التسجيل : 20/07/2015
معاينة صفحة البيانات الشخصي للعضو

default رد: جافاسكربت + Css لتغير لون خلفية مثبت واعلانات وغيرها

في الأربعاء مارس 02, 2016 12:39 pm
طرحت فأبدعت يعطيك الف عافية
جهود مبارك جزاك الله خير
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
دمت بخير
avatar
عضو جديد
عدد المساهمات : 3
متصفح الويب : Chrome
منتدى نسخة : PunBB
النقاط : 5
السٌّمعَة : 0
تاريخ التسجيل : 25/12/2016
معاينة صفحة البيانات الشخصي للعضوhttp://www.google.com

default رد: جافاسكربت + Css لتغير لون خلفية مثبت واعلانات وغيرها

في الأحد ديسمبر 25, 2016 10:57 pm
جزاك الله خيرا
avatar
عضو جديد
عدد المساهمات : 3
متصفح الويب : Chrome
منتدى نسخة : PunBB
النقاط : 5
السٌّمعَة : 0
تاريخ التسجيل : 25/12/2016
معاينة صفحة البيانات الشخصي للعضوhttp://www.google.com

default رد: جافاسكربت + Css لتغير لون خلفية مثبت واعلانات وغيرها

في الأحد ديسمبر 25, 2016 11:43 pm
اخي الكود لا يعمل الخاص بتغير لون مثبت والإعلان اخي جربت وغيرت كلمة color
وهذا هو اللون الاحمر كوده
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

أرجو تصحيح العطل او توجيهي اخي لاني احتاج هذا الكود وبارك الله فيك
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى