Worled Animy ♥
 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالتسجيلدخول

شاطر | 
 

 كود لإضافة المزيد من الألوان لقائمة ألوان الموضوع (JAVASCRIPT)

اذهب الى الأسفل 
كاتب الموضوعرسالة
MS.SAMAR
مصممة
مصممة
avatar

عدد المساهمات : 44
تاريخ التسجيل : 14/12/2014

مُساهمةموضوع: كود لإضافة المزيد من الألوان لقائمة ألوان الموضوع (JAVASCRIPT)   الثلاثاء يناير 12, 2016 10:56 am

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

من المعروف ان لدينا 14 لون فقط فى قائمة اختيار الوان عنوان الموضوع

كما هو موضح :

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان يمكنك إضافة الكثير من الالوان إلى اللائحة كما تحب .




كيف يمكننا ذلك !!؟؟
أولا : تأكد من تفعيلك خيار لون عنوان المواضيع من

لوحة الادارة > إدارة عامة > الرسائل والايميلات > تشكيل 

السماح باختيار لون عناوين المواضيع نعم


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

وسجل
-----------------

ثانيا : إذهب إلى :

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

تأكد من تفعيل نظام إدارة أكواد Javascript :

وسجل

ثم اضغط على إنشاء كود جديد


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

العنوان : إضافة الوان لعنوان الموضوع

أضف الكود الى : جميع الصفحات

وأضف الكود التالى :

الكود:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:
$(function() {
if (!document.post || !document.post.topic_color) return;
var colors = {
'فيروزى' : '#019fde',
'زهري' : '#ff1493',
'برتقالي غامق' : '#D2691E',
'أخضر غامق' : '#254A33',
'بنفسجي' : '#5F19B0',
'لموني' : '#00ff00',
'أزرق فاتح' : '#1e90ff',
'برتقالي محمر' : '#FF4500',
'أصفر ذهبى' : '#FFD700',
'زيتونى' : '#688046',
'طماطم' : '#FF6347',
'كاكي' : '#F0E68C',
'طوبي' : '#B22222',
'قرمزي' : '#DC143C',
'تركواز' : '#1E5F6E'
},
a, b = document.post.topic_color, c = b.childNodes, i = 0, j = c.length, k;
for (k in colors) {
a = document.createElement('OPTION');
a.innerHTML = k;
a.style.color = colors[k];
a.value = colors[k];
b.insertBefore(a, b.firstChild);
};
for (; i<j; i++) if (c[i].style.color == document.post.subject.style.color) c[i].selected = 1;
});

وسجل

ومبروك عليك اصبح لديك الان 29 لون

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




التعديلات على الكود



إذا اردت التعديل على اسماء واكواد الالوان

يمكنك بسهولة تغير إسم وكود اللون كما هو موضح :

إذا اردنا مثلا تغير اللون الزهري

بدل الاسم كما تريد وغير كود اللون كما تريد

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وهكذا فى اى لون تريد التعديل عليه

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

-------

وإذا اردت اضافة المزيد من الالوان

يمكنك إضافة الكود التالى :

الكود:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:
'أضف هنا إسم اللون' : 'أضف هنا كود اللون'

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] يجب ان يكون الكود قبل القوس والفاصلة بالاسفل كما هو موضح :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وكرر العملية لاضافة المزيد من الالوان
------------
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
والسلام عليكم ورحمة الله وبركاته
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود لإضافة المزيد من الألوان لقائمة ألوان الموضوع (JAVASCRIPT)
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
Worled Animy ♥ :: المنتديات التَقنية والتَطويريه ♫ :: طَوري مُنتدَاك ↓✿-
انتقل الى: