تذكرني
 

كود تطوير الالوان في محرر المساهمات

اذهب الى الأسفل

جديد كود تطوير الالوان في محرر المساهمات

مُساهمة من طرف khrbjate في 2011-10-03, 9:01 pm

السلام عليكم

الطريقة حصربا في كهربجات
اجعل قائمة اختيار الالوان بطريقة رائعة في محرر المساهمات

الطريقة تتم باستخدام كودين

الكود الاول:
الكود:

    var CopyrightNotice = 'Color-picker for forumotion text editors. Copyright © 2011 khrbjat. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. .';
    $(function() {
        if (document.getElementById('color')) {
            var colors=new Array('00','33','66','99','CC','FF');
            var x='<div id="colorpicker"><table cellspacing="0" id="grid">';
            var y=x;
            for (i = 5; i >= 0; i--) {
                x=x+'<tr>';
                y=y+'<tr>';
                for (j = 5; j >= 0; j--) {
                    for (k= 5; k >= 0; k--) {
                        var col = colors[j]+colors[i]+colors[k];
                        x=x+'<td style="background: #'+col+';"><button style="background:#'+col+';" title="#'+col+'" onmouseover="this.className=\'selectHover\';" onmouseout="this.className=\'\';" onclick="bbfontstyle(\'[color=#'+col+']\', \'[/color]\');selectWysiwyg(this, \'color\');return false;"></button></td>';
                        y=y+'<td style="background: #'+col+';"><button style="background:#'+col+';" id="text_editor_cmd_constructBBcode_select_color_#'+col+'"></button></td>';
                    }
                }
                x=x+'</tr>';
                y=y+'</tr>';
            }
            document.getElementById('color').innerHTML=x+'</table></div>';
            document.getElementById('wcolor').innerHTML=y+'</table></div>';
        }
    });

ويتم وضعة في ملف جافا ويحفظ

الكود الثاني:
الكود:

#color, #wcolor {overflow: visible;}
#colorpicker {position: absolute; top: 20px; left: -225px;}
#grid {border: 1px solid #808080;}
#grid td {padding: 0px;}
#grid td button {height: 12px; width: 12px; padding: 0px; border: 1px solid #808080;}
#grid td button:hover {border: 1px solid #ffffff;}
ويتم وضعة في صفحة css



لتحدث معي:
haider1990@yahoo.com
avatar
khrbjate
مؤسس دونت كير

مؤسس دونت كير


!.. My MmS ..!
!.. My SmS ..! Don't challenge someone who has nothing to loose
الجنس : ذكر
مزاجي :
عدد المشاركات : 707
الدولة :
النظام المستخدم : windows Xp
عدد الدنانير : 92214
عدد اللايكات الكلي : 22
احترام القوانين

معاينة صفحة البيانات الشخصي للعضو http://khrbjat.ahlamontada.com https://www.facebook.com/khrbjat

الرجوع الى أعلى الصفحة اذهب الى الأسفل

جديد رد: كود تطوير الالوان في محرر المساهمات

مُساهمة من طرف احمد الجعفري في 2011-10-04, 12:01 am

its awsome afro
avatar
احمد الجعفري
مراقب روابط

مراقب روابط


!.. My SmS ..! مطلوب اداريين للمزيد راسلوني
الجنس : ذكر
مزاجي :
عدد المشاركات : 306
الدولة :
عدد الدنانير : 80373
عدد اللايكات الكلي : 0
احترام القوانين

معاينة صفحة البيانات الشخصي للعضو http://khrbjat.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

جديد رد: كود تطوير الالوان في محرر المساهمات

مُساهمة من طرف المشاكس في 2011-10-04, 5:27 am

جاري التجربة حبذا لو في صورة
avatar
المشاكس
دونت كيري بيه روح
دونت كيري بيه روح

!.. My MmS ..!
!.. My SmS ..! المشاكس في خدمة الطيبين
الجنس : ذكر
مزاجي :
عدد المشاركات : 19
الدولة :
عدد الدنانير : 51239
عدد اللايكات الكلي : 0
احترام القوانين

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى