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

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

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
دمعه السعودية
280 المساهمات
Akatsuki
224 المساهمات
A V A L U N A
142 المساهمات
Old
77 المساهمات
Oji Sama
74 المساهمات
Amr Salah
67 المساهمات
Néla
51 المساهمات
NOZOMARI
44 المساهمات
N_Angle
24 المساهمات
The Wolf Sf
17 المساهمات
آخر المشاركات

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

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


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

×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية
×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية

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

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

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

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

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

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

~

[ النتيجـة ]

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

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

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

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

.

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

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

ثم : إنشاء كود جديد [ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى 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 ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى 224
[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى P213

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

more_horiz
السلام عليكم ورحمة الله وبركاته

كيف حالك عزيزتي أكــآ ؟؟ ان شاء الله بخير !

كما تعودنا منك كل جديد ومفيد تطلعيننا دائما على اسرار مهنتك Very Happy

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

والان ها انت تعرضين علينا احد اهم اسرار ذا بيست

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

وكذلك الطقم جميل جدا والوانه رائعه وردة

دمتي لنا ودام ابداعك الرائع .. تم التقييم وتقبلي مروري المتواضع

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

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

more_horiz
يسلموو اختي على الكود
بالتوفيق لكي+ننتظر جدديكي

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

more_horiz
السلام عليكم ورحمة الله وبركاته

شكرا لك على هذا الكود

هو فعلا كود جميل

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

more_horiz
تـوآجدكم الرائــع ونــظرة منكم على موآضيعي هو الإبدآع نفسـه ~

أشكركم على المرور العطر و الجميـل

شرفني تواجدكم

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

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

more_horiz
جزآك آلله خير على آلكود آلرآئع
وجلعهةةة في ميزـآن حسنـآتكك ..

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

more_horiz
شكرا لك آكا على الكود الرائع
وأنا بانتظار إبداعتكي الأخرى وردة

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

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

شرفني تواجدكم ^^

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

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

more_horiz
بسم الله الرحمن الرحيم..
السلآآمم عليكمم ورحمةة الله وبركاتةة..|
اخباركك.؟ ان شاء الله بخير.؟
شكرا لكك عالشرح البسيط

سلمت ولآندمت ..~
بأنتظآر جديدكك..ودي

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

more_horiz
و عليكم السلام و رحمة الله و بركاته

مشكورة على المرور الجميل غآليتي

نورتي

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