الالوان في محرر النصوص

من طرف أفندينا الخميس أكتوبر 18, 2018 10:09 pm

السلام عليكم
اريد كود الالوان في محرر النصوص مثل هذه الصوره

بحثت عن هذا الكود و لم اجده
ارجو المساعده
شكرا

من طرف الساعي الخميس أكتوبر 18, 2018 10:36 pm

أفندينا كتب:السلام عليكم
اريد كود الالوان في محرر النصوص مثل هذه الصوره

بحثت عن هذا الكود و لم اجده
ارجو المساعده
شكرا

الأخ الفاضل الكريم

يرجى متابعة الشرح من خلال هذا الرابط :ـ

مع تحياتي

https://help.ahlamontada.com/t1059860-topic

من طرف أفندينا الأحد أكتوبر 21, 2018 11:47 am

الساعي كتب:
أفندينا كتب:السلام عليكم
اريد كود الالوان في محرر النصوص مثل هذه الصوره

بحثت عن هذا الكود و لم اجده
ارجو المساعده
شكرا
الأخ الفاضل الكريم
يرجى متابعة الشرح من خلال هذا الرابط :ـ
مع تحياتي
https://help.ahlamontada.com/t1059860-topic

للاسف لم ياتي بالنتيجه المطلوبه

من طرف الساعي الأحد أكتوبر 21, 2018 5:18 pm

أخي العزيز الغالي

يرجى ملاحظة وتطبيق التالي :ـ

قبل كل شئ يجب عمل الاتي:

لوحة الاداره>>ادارة عامة>>الرسائل والايميلات>>تشكيل >>نوع لوحة محرر الألوان في صندوق الكتابة : بسيط

الكود الاول يوضع في JAVASCRIPT

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

العنوان * :حسب ما تريد

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

كود Javascript * :

الكود:: $(function(){$(function(){ if ($("#text_editor_textarea").length != 0) { $.sceditor.command.get('color')._menu = function (editor, caller, callback) { var mColorBasic = [], html = $('<div />'); // Lista de Colores mColorBasic["أسود"] = "#000000"; mColorBasic["ازرق قاتم"] = "#00008B"; mColorBasic["اخضر قاتم"] = "#006400"; mColorBasic["نيلي"] = "#4B0082"; mColorBasic["قرمزي"] = "#DC143C"; mColorBasic["برتقالي"] = "#FF4500"; mColorBasic["بني قاتم"] = "#663300"; mColorBasic["رمادي قاتم"] = "#666666"; mColorBasic["ازرق"] = "#4169E1"; mColorBasic["سماوي قاتم"] = "#00CED1"; mColorBasic["اخضر"] = "#008000"; mColorBasic["ارجواني"] = "#9400D3"; mColorBasic["احمر"] = "#FF0000"; mColorBasic["برتقالي فاتح"] = "#FF9933"; mColorBasic["بني"] = "#A0522D"; mColorBasic["رمادي فاتح"] = "#D3D3D3"; mColorBasic["ازرق فاتح"] = "#87CEEB"; mColorBasic["سماوي"] = "#00FFFF"; mColorBasic["اخضر"] = "#32CD32"; mColorBasic["ارجواني فاتح"] = "#DA70D6"; mColorBasic["احمر فاتح"] = "#FA8072"; mColorBasic["ذهبي"] = "#FFD700"; mColorBasic["بني فاتح"] = "#CD853F"; mColorBasic["ابيض"] = "#FFFFFF"; mColorBasic["سماوي فاتح"] = "#AFEEEE"; mColorBasic["اخضر مزرق"] = "#7FFFD4"; mColorBasic["اخضر فاتح"] = "#98FB98"; mColorBasic["وردي"] = "#FFC0CB"; mColorBasic["اصفر"] = "#FFFF00"; mColorBasic["اخضر"] = "#DEB887"; // Fin de la lista de colores for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>'); html.find('span').click(function(e) { callback($(this).attr('color')); editor.closeDropDown(true); e.preventDefault(); }); editor.createDropDown(caller, "color-picker", html); } } })});

ثانيا الكود يوضع في ال CSS

لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الوان>>ورقة تصميم ال CSS

الكود:: /* تغيير شكل لوحة محرر الألوان في صندوق الكتابة**Mohamed Nsr */ .color-option { display: inline-block !important; width: 15px !important; /* Ancho del icono del color */ height: 15px !important; /* Altura del icono del color */ border: 2px solid #fff !important; /* Color del borde del color */ margin: 3px !important; /* Espacio entre cada icono */ box-shadow: 0 0 2px #778899; /* Sombras */ cursor: pointer !important; } .color-option span{ display: block !important; width: 15px !important; /* Anchor del icono del color */ height: 15px !important; /* Altura del icono del color */ } .color-option, .color-option span { border-radius: 2px; /* Redondeado */ } /* تغيير شكل لوحة محرر الألوان في صندوق الكتابة**Mohamed Nsr */ .sceditor-dropdown.sceditor-color-picker { width: 200px !important; /* Ancho del icono del color */ height: 100px !important; /* Ancho del icono del color */ padding: 5px !important; border-radius: 5px !important; }

وبالتوفيق إن شاء الله يعمل بشكل صحيح

من طرف أفندينا الإثنين أكتوبر 22, 2018 10:26 am

اخي الكريم جربت الكود و لم ينجح

من طرف الساعي الإثنين أكتوبر 22, 2018 10:48 am

أفندينا كتب:اخي الكريم جربت الكود و لم ينجح

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

مع تحياتي

من طرف أفندينا الإثنين أكتوبر 22, 2018 12:42 pm

تم اخي الكريم
اشتغل معي الكود
شكرا لك

من طرف الساعي الإثنين أكتوبر 22, 2018 1:15 pm

أفندينا كتب:تم اخي الكريم
اشتغل معي الكود
شكرا لك

بالتوفيق أخي الغالي

يغلق وللإرشيف

مع تحياتي

الالوان في محرر النصوص

الالوان في محرر النصوص

رد: الالوان في محرر النصوص

رد: الالوان في محرر النصوص

رد: الالوان في محرر النصوص

رد: الالوان في محرر النصوص

رد: الالوان في محرر النصوص

رد: الالوان في محرر النصوص

رد: الالوان في محرر النصوص