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

The Bestدخول
●● إعلانـات ●●
انمي تون إعلانك هنا إعلانك هنا
إعـلانـات المنتـدى
❮
❯

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
Akatsuki
173 المساهمات
طهطا
137 المساهمات
Oji Sama
125 المساهمات
دمعه السعودية
85 المساهمات
حُلم
64 المساهمات
Rose
60 المساهمات
N_Angle
57 المساهمات
Naila~
55 المساهمات
The Wolf Sf
53 المساهمات
THE KNAVE
23 المساهمات
آخر المشاركات

[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى

+14
S @ M e H
Esdeath
Hunter
مروان الشبح
ELMasRyy
Abdallah.BeraYda
TWIX
! KIRARA
ساكورا ميانو
REME CHAN
زهرة المنتدى
ahlem
HANNA
Akatsuki
18 مشترك


الصفحة التالية
الصفحة السابقة

description[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى - صفحة 3 Empty[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدىالخميس 4 سبتمبر 2014 - 14:26

more_horiz
تذكير بمساهمة فاتح الموضوع :

[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى - صفحة 3 P113

[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى - صفحة 3 124

مرحبآ بكل أعضاء و زوآر The Best ~

ها قد أتينـآكم اليوم بكـود طلبـه الكثيـرون

" كود علبة الألوان المستخدمة في منتدانا ذآ بست "

~

[ النتيجـة ]

[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى - صفحة 3 72707010

[ طريقة التركيـب ]

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

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

.

ثآنيـآ : لوحة الإدارة >> عناصر إضافية >> HTML و JAVASCRIPT >> إدارة أكواد Javascript

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

ثم : إنشاء كود جديد [ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى - صفحة 3 2014-011

العنوان : علبة ألوان مخصصة

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


الكود:

      $(function(){$(function(){
       
          if ($("#text_editor_textarea").length != 0) {
            $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
              var mColorBasic = [],
                html = $('<div />');
               
        // liste des couleurs
             
              mColorBasic["Noir"] = "#000000";
              mColorBasic["Bleu foncé"] = "#00008B";
              mColorBasic["Sarcelle"] = "#008080";
              mColorBasic["Vert foncé"] = "#006400";
              mColorBasic["Indigo"] = "#4B0082";
              mColorBasic["Cramoisi"] = "#DC143C";
              mColorBasic["Orange"] = "#FF4500";
              mColorBasic["Marron"] = "#663300";
       
              mColorBasic["Gris foncé"] = "#666666";
              mColorBasic["Bleu royal"] = "#4169E1";
              mColorBasic["Turquoise foncé"] = "#00CED1";
              mColorBasic["Vert"] = "#008000";
              mColorBasic["Pourpre"] = "#9400D3";
              mColorBasic["Rouge"] = "#FF0000";
              mColorBasic["Orange clair"] = "#FF9933";
              mColorBasic["Sienne"] = "#A0522D";
       
              mColorBasic["Gris clair"] = "#D3D3D3";
              mColorBasic["Bleu ciel"] = "#87CEEB";
              mColorBasic["Cyan"] = "#00FFFF";
              mColorBasic["Vert pomme"] = "#32CD32";
              mColorBasic["Mauve"] = "#DA70D6";
              mColorBasic["Saumon"] = "#FA8072";
              mColorBasic["Or"] = "#FFD700";
              mColorBasic["Brun clair"] = "#CD853F";
       
              mColorBasic["Blanc"] = "#FFFFFF";
              mColorBasic["Turquoise pâle"] = "#AFEEEE";
              mColorBasic["Bleu vert"] = "#7FFFD4";
              mColorBasic["Vert pâle"] = "#98FB98";
              mColorBasic["Rose"] = "#FFC0CB";
              mColorBasic["Pêche"] = "#FFDAB9";
              mColorBasic["Jaune"] = "#FFFF00";
              mColorBasic["Bois"] = "#DEB887";
             
        // fin de la liste des couleurs
             
              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["Blanc"] = "#FFFFFF";







mColorBasic["Blanc"] : إسم اللون

#FFFFFF : كود اللون

يمكنك معرفة كود أي لون تريده من هذا الموقع [ هنــآ ]

.

ثـآلثـآ : لوحة الإدارة >> مظهر المنتدى >> الصور و الألوان >> ألوان >> ورقة تصميم css


الكود:

      /* علبة ألوان مخصصة ، منتديات ذا بست ، theb3st.com */
       
        .color-option {
        display: inline-block !important;
        width: 15px !important;  /* largeur de l'icône couleur */
        height: 15px !important;  /* hauteur de l'icône couleur */
        border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
        margin: 3px !important;  /* espace entre chaque icône */
        box-shadow: 0 0 2px #778899;  /* ombre */
        cursor: pointer !important;
        }
        .color-option span{
        display: block !important;
        width: 15px !important;  /* largeur de l'icône couleur */
        height: 15px !important;  /* hauteur de l'icône couleur */
        }
        .color-option, .color-option span {
        border-radius: 2px;  /* arrondi */ 
        }
       
        /* Palette complète - la largeur influence le nombre d'icônes affichées */
        .sceditor-dropdown.sceditor-color-picker {
        width: 200px !important;  /* largeur de la palette complète */
        height: 100px !important;  /* hauteur de la palette complète */
        padding: 5px !important;
        border-radius: 5px !important;
        }








~

الكود مصدره هو منتدى الدعم الفرنسي

تمت ترجمته و التعديل عليه من طرفي

جميع الحقوق محفوظة لـ Akatsuki - منتدى The Best | theb3st.com

يمنع النقـل دون ذكر المصدر كاملا مع رابط الموضوع ! و الله رقيب عتيد ~

[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى - صفحة 3 224
[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى - صفحة 3 P213

description[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى - صفحة 3 Emptyرد: [ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدىالثلاثاء 26 أبريل 2022 - 23:32

more_horiz
تسلم ايدك علي الكود و الشرح ..

description[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى - صفحة 3 Emptyرد: [ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدىالأربعاء 7 سبتمبر 2022 - 20:24

more_horiz
رااااائع جدااااا
مشكورين

description[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى - صفحة 3 Emptyرد: [ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدىأمس في 4:57

more_horiz
شكرا جزيلا على الكود الجميلة

description[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى - صفحة 3 Emptyرد: [ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدىأمس في 5:27

more_horiz
جزآك آلله خير على آلكود آلرآئع
وجلعهةةة في ميزـآن حسنـآتكك ..
 
KonuEtiketleri عنوان الموضوع
[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى
Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
remove_circleمواضيع مماثلة
chat_bubble[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى
chat_bubbleجديد صندوق الرد : زر الخلفية + الألوان
chat_bubble[ JavaScript + CSS + HTML ] كود سلايد شو أحلى منتدى
chat_bubble[ شرح ] إضافة نافذة الرد السريع ( أحلى منتدى )
chat_bubbleطريقة تغيير رابط المنتدى ( أحلى منتدى )