- habadiمؤسسين المنصة
- جنسي :
مشاركاتي : 25
نقاطي : 64
سجلت في : 10/06/2016
عمري : 23
كود بينات حسب اللون المفضل لدى العضو
الخميس يونيو 16, 2016 10:45 pm
بسم الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
رجعت لكم اليوم بكود جديد على : منصة الابداع
معلومات عن الكود :
الكود ببساطة يغير لون البيانات بشكل جميل حسب اللون المفضل لدى العضو كما في بعض منتديات الفي بي
مثال :
نبدأ في تركيب الكود وأرجو أن تتبع الخطوات بشكل حرفي لأن إهمال أي خطوة يمنع الكود من العمل بشكل صحيح .
طريقة التركيب :
بسم الله نبدأ
أولاً : أحذفوا أي كود سابق للبيانات الشخصية سواء في أكواد الجافاسكربت أو أكواد CSS
خطوة مهمة حتى يعمل الكود بشكل سليم
ثانياً : من لوحة الإدارة نتابع الصور :
نضيف خيار جديد بالضغط على :
الخطوة هذه مهمة جداً جداً جداً ركزوا تمام عليها :
لا تضغطوا سجّل أنزلوا في الأسفل يوجد خيارات :
وإليكم جدول الألوان أي لون لا يوجد في الجدول لا تستطيعون تركيبه
يمكنكم تركيب كل الألوان أو بعضها لكم الحرية في اختيار الألوان
ملاحظة: يجب كتابة إسم اللون كما في الجدول من دون مسافات أو زخارف أو حذف الهمزات
إليكم الجدول :
بعد وضع الألوان المرغوبة نضغط سجّل
ونتابع التركيب :
الآن نأتي للخطوة التي لا تقل أهمية عن غيرها
لو تجاهلتم هذه الخطوة سوف تحدث مشاكل في تركيب الكود الرجاء تنفيذ الخطوة هذه :
نقوم بالتعديل على جميع الخيارات ( ما عدا الخيار الذي أضفناه لونك المفضل )
ونضع لها لون :
ثم نغير الإعدادات : الفارق
ونتابع باقي خطوات التركيب :
نتأكد أن الجافاسكربت مفعلة لدينا :
الكود :
باقي آخر خطوة في التركيب
نتابع الشرح :
الكود :
ملاحظة : الأعضاء اللي ما أختاروا لونهم المفضل
راح تظهر لهم بياناتهم باللون الأسود لو حابين تغيروها للون آخر
من خلال كود CSS غيروا الكود هذا #2b2b2b
المتكرر في الكود غيروها كلها لكود اللون الذي تريدوه
وأخيراً مبروك عليكم التركيب والكود
وبإمكان العضو تغيير لونه المفضل من بياناته الشخصية
بلتوفيق
السلام عليكم ورحمة الله وبركاته
رجعت لكم اليوم بكود جديد على : منصة الابداع
معلومات عن الكود :
الكود ببساطة يغير لون البيانات بشكل جميل حسب اللون المفضل لدى العضو كما في بعض منتديات الفي بي
مثال :
نبدأ في تركيب الكود وأرجو أن تتبع الخطوات بشكل حرفي لأن إهمال أي خطوة يمنع الكود من العمل بشكل صحيح .
طريقة التركيب :
بسم الله نبدأ
أولاً : أحذفوا أي كود سابق للبيانات الشخصية سواء في أكواد الجافاسكربت أو أكواد CSS
خطوة مهمة حتى يعمل الكود بشكل سليم
ثانياً : من لوحة الإدارة نتابع الصور :
نضيف خيار جديد بالضغط على :
الخطوة هذه مهمة جداً جداً جداً ركزوا تمام عليها :
لا تضغطوا سجّل أنزلوا في الأسفل يوجد خيارات :
وإليكم جدول الألوان أي لون لا يوجد في الجدول لا تستطيعون تركيبه
يمكنكم تركيب كل الألوان أو بعضها لكم الحرية في اختيار الألوان
ملاحظة: يجب كتابة إسم اللون كما في الجدول من دون مسافات أو زخارف أو حذف الهمزات
إليكم الجدول :
المفتاح | اللون |
أحمر | |
أخضر | |
أصفر | |
أزرق | |
أسود | |
أبيض | |
وردي | |
سماوي | |
برتقالي | |
رمادي | |
بني | |
تفاحي | |
بمبي | |
عنابي | |
فسفوري | |
أرجواني | |
زيتوني | |
فيروزي | |
قرمزي | |
بيجي | |
عسلي | |
بنفسجي | |
كستنائي | |
رصاصي | |
ذهبي | |
فضي | |
نيلي | |
كحلي | |
فوشي | |
سكري |
بعد وضع الألوان المرغوبة نضغط سجّل
ونتابع التركيب :
الآن نأتي للخطوة التي لا تقل أهمية عن غيرها
لو تجاهلتم هذه الخطوة سوف تحدث مشاكل في تركيب الكود الرجاء تنفيذ الخطوة هذه :
نقوم بالتعديل على جميع الخيارات ( ما عدا الخيار الذي أضفناه لونك المفضل )
ونضع لها لون :
ثم نغير الإعدادات : الفارق
ونتابع باقي خطوات التركيب :
نتأكد أن الجافاسكربت مفعلة لدينا :
الكود :
باقي آخر خطوة في التركيب
نتابع الشرح :
الكود :
ملاحظة : الأعضاء اللي ما أختاروا لونهم المفضل
راح تظهر لهم بياناتهم باللون الأسود لو حابين تغيروها للون آخر
من خلال كود CSS غيروا الكود هذا #2b2b2b
المتكرر في الكود غيروها كلها لكود اللون الذي تريدوه
وأخيراً مبروك عليكم التركيب والكود
وبإمكان العضو تغيير لونه المفضل من بياناته الشخصية
بلتوفيق
رد: كود بينات حسب اللون المفضل لدى العضو
الخميس يونيو 16, 2016 11:16 pm
شكرا لك كود رائع
- THE ROCKاعضاء منصة الابداع
- جنسي :
مشاركاتي : 9
نقاطي : 11
سجلت في : 13/06/2016
عمري : 33
رد: كود بينات حسب اللون المفضل لدى العضو
الجمعة يونيو 17, 2016 10:25 am
كود رائع ومميز
طرحت فابدعت دمت ودام عطائك
سلمت اناملك الذهبيه على ماخطته لنا
اعذب التحايا لك
لك خالص احترامي
جارى التجربه ...
- wessam khraisatاعضاء منصة الابداع
- جنسي :
مشاركاتي : 11
نقاطي : 15
سجلت في : 24/06/2016
عمري : 26
رد: كود بينات حسب اللون المفضل لدى العضو
الجمعة يونيو 24, 2016 4:41 am
كود رائع أول مره اسمع بهيك كود
مشكوووووور على جهودك
مشكوووووور على جهودك
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى