منتديات كلداني
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات كلداني

ثقافي ,سياسي , أجتماعي, ترفيهي
 
الرئيسيةالرئيسيةالكتابة بالعربيةالكتابة بالكلدانيةبحـثمركز  لتحميل الصورالمواقع الصديقةالتسجيلدخول
 رَدُّنا على اولاد الزانية,,لقراءة الموضوع اكبس على الصورة  رأي الموقع ,,لقراءة الموضوع اكبس على الصورة
رَدُّنا على اولاد الزانية,,لقراءة الموضوع اكبس على الصورةقصة النسخة المزورة لكتاب الصلاة الطقسية للكنيسة الكلدانية ( الحوذرا ) والتي روّج لها المدعو المتأشور مسعود هرمز النوفليالى الكلدان الشرفاء ,,لقراءة الموضوع اكبس على الصورةملف تزوير كتاب - ألقوش عبر التاريخ  ,,لقراءة الموضوع اكبس على الصورةمن مغالطات الصعلوگ اپرم الغير شپيرا,,لقراءة الموضوع اكبس على الصورةدار المشرق الغير ثقافية تبث التعصب القومي الاشوري,,لقراءة الموضوع اكبس على الصورة

 

 تصميم كود يجعل صندوق الألوان الماسية

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


تصميم كود يجعل صندوق الألوان الماسية  Uouuuo10
تصميم كود يجعل صندوق الألوان الماسية  Awsema200x50_gif
البلد : العراق
الجنس : ذكر
عدد المساهمات : 114
تاريخ التسجيل : 15/06/2017
<b>العمل/الترفيه</b> العمل/الترفيه : مهندس تكنولوجيا المعلومات/ ‎ IT Engineer

تصميم كود يجعل صندوق الألوان الماسية  Empty
مُساهمةموضوع: تصميم كود يجعل صندوق الألوان الماسية    تصميم كود يجعل صندوق الألوان الماسية  Alarm-clock-icon8/10/2024, 6:34 am

تصميم كود يجعل صندوق الألوان الماسية
تصميم كود يجعل صندوق الألوان الماسية  TXJsAad
كونان2000

تصميم كود يجعل صندوق الألوان الماسية  Nonew13 من طرف كونان2000 07.10.2024 في 16:43

تصميم كود يجعل صندوق الألوان الماسية  Captur63
تأكد من ضبط نوع لوحة محرر الألوان في صندوق الكتابة  على بسيط وليس شامل

JavaScript  في جميع الصفحات
JavaScript :

اقتباس :

$(function(){$(function(){
 if ($("#text_editor_textarea").length < 1) return;
 $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
   var mColorBasic = [],
   html = $('<div />');
               
   // begin list of colors
             
   mColorBasic["Black"] = "#000000";
   mColorBasic["Dark Blue"] = "#00008B";
   mColorBasic["Teal"] = "#008080";
   mColorBasic["Dark Green"] = "#006400";
   mColorBasic["Indigo"] = "#4B0082";
   mColorBasic["Crimson"] = "#DC143C";
   mColorBasic["Orange"] = "#FF4500";
   mColorBasic["Brown"] = "#663300";
       
   mColorBasic["Dark Gray"] = "#666666";
   mColorBasic["Royal Blue"] = "#4169E1";
   mColorBasic["Dark Turquoise"] = "#00CED1";
   mColorBasic["Green"] = "#008000";
   mColorBasic["Purple"] = "#9400D3";
   mColorBasic["Red"] = "#FF0000";
   mColorBasic["Light Orange"] = "#FF9933";
   mColorBasic["Sienna"] = "#A0522D";
       
   mColorBasic["Light Gray"] = "#D3D3D3";
   mColorBasic["Sky Blue"] = "#87CEEB";
   mColorBasic["Cyan"] = "#00FFFF";
   mColorBasic["Green Apple"] = "#32CD32";
   mColorBasic["Mauve"] = "#DA70D6";
   mColorBasic["Salmon"] = "#FA8072";
   mColorBasic["Gold"] = "#FFD700";
   mColorBasic["Light Brown"] = "#CD853F";
       
   mColorBasic["White"] = "#FFFFFF";
   mColorBasic["Pale Turquoise"] = "#AFEEEE";
   mColorBasic["Blue Green"] = "#7FFFD4";
   mColorBasic["Pale Green"] = "#98FB98";
   mColorBasic["Pink"] = "#FFC0CB";
   mColorBasic["Peach"] = "#FFDAB9";
   mColorBasic["Yellow"] = "#FFFF00";
   mColorBasic["Wood"] = "#DEB887";
             
   // end list of colors
             
   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 :

الكود:تحديد الكود

اقتباس :

/* Color palette icons */
.color-option {
  display: inline-block !important;
  width: 15px !important;  /* width of the icon */
  height: 15px !important;  /* height of the icon */
  border: 2px solid #fff !important;  /* white border around the icon */
  margin: 3px !important;   /* space between each icon */
  box-shadow: 0 0 2px #778899;   /* shadow */
  cursor: pointer !important;
}
 
.color-option span{
  display: block !important;
  width: 15px !important;  /* width of the icon */
  height: 15px !important;  /* height of the icon */
}
 
.color-option, .color-option span {
  border-radius: 2px;  /* roundness */  
}
 
/* Whole palette - the width influences how many icons appear */
.sceditor-dropdown.sceditor-color-picker {
  width: 200px !important;  /* width of the palette */
  height: 100px !important;  /* height of the palette */
  padding: 5px !important;
  border-radius: 5px !important;
}


تصميم كود يجعل صندوق الألوان الماسية  Taw8ee3
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تصميم كود يجعل صندوق الألوان الماسية
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات كلداني :: بَرَامِجُ وَتِكْنُولُوجِيَا الكمبيوتروالصوتيات وَالصُّورَ والساتلايت والاقمار الصِّنَاعِيَّةَوالسيارات :: قسم المواضيع المنقولة من موقع مزود الخدمة احلى منتدى-
انتقل الى: