التسجيلالتعليمـــاتالمجموعاتالتقويممشاركات اليومالبحث


أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه .



 

 (JAVASCRIPT) تغيير شكل لوحة محرر الألوان في صندوق الكتابة

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


تاريخ التسجيل : 21/06/2014
عدد مساهماتك : 150
نقاط : 349
السٌّمعَة : -1

(JAVASCRIPT) تغيير شكل لوحة محرر الألوان في صندوق الكتابة Empty
مُساهمةموضوع: (JAVASCRIPT) تغيير شكل لوحة محرر الألوان في صندوق الكتابة   (JAVASCRIPT) تغيير شكل لوحة محرر الألوان في صندوق الكتابة Emptyالسبت يونيو 21, 2014 11:11 am

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

الا وهو كود تغيير شكل لوحة محرر الالوان في صندوق الكتابه 

وسيصبح بالشكل التالي:

(JAVASCRIPT) تغيير شكل لوحة محرر الألوان في صندوق الكتابة MuSoa






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

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





الكود الاول يوضع في 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);    }     }})});


اقتباس :
ملحوظه:يمكنك اضافة الوان زيادة الى القائمة عن طريق الكود التالي:

الكود: ---------تضليل المحتوى
الكود:
mColorBasic["اسم اللون"] = "كود اللون";
وطبعا يمكن وضعه بعد كلمة 
// Lista de Colores
الى
Fin de la lista de colores
بمعني يوضع في اي مكان بين الكلمتين 


(JAVASCRIPT) تغيير شكل لوحة محرر الألوان في صندوق الكتابة NxqkB




ثانيا الكود يوضع في ال 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;}
منقول للافادة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
(JAVASCRIPT) تغيير شكل لوحة محرر الألوان في صندوق الكتابة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود [ jQuery ]تغيير ازرار لوحة الكتابة
» [Javascript] كود وضع اى شيى تريده بين صندوق الرد و الازرار
»  (JAVASCRIPT) عمل خاصية تحديد المحتوي
»  كود [JAVA] وضع جمل رائعة في صندوق الرد بدون تومبيلات
»  ماذا سترمي في صندوق نسيانك .....ملاك العسولة

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات المصممه ملاك العسوله للتصميم مجانا :: [♥ قسم تطوير المنتديات و المساعدة على إدارتها®-} :: اقسام التطوير و المساعدة والاشهار :: أكواد الجافا إسكريبت JAVA-
انتقل الى: