(JAVASCRIPT) كود تغيير شكل المحرر في الصندوق الماسي شكل جديد

**admin** · **admin** في 8/27/2015, 7:38 pm

صورة للكود بعد الوضع

الان طريقة وضع الكود
اولا في الجافا
لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد
العنوان:كما تريد
اضف الكود الى:جميع الصفحات
كود Javascript * :

الكود:: $(function(){$(function(){ if ($("#text_editor_textarea").length != 0) { var lista5ColoresPorGama = []; //################### ZONA EDITABLE ################################################################################### lista5ColoresPorGama["ffffff"] = ["f2f2f2", "d8d8d8", "bfbfbf", "a5a5a5", "7f7f7f"]; lista5ColoresPorGama["000000"] = ["7f7f7f", "595959", "3f3f3f", "262626", "0c0c0c"]; lista5ColoresPorGama["eeece1"] = ["ddd9c3", "c4bd97", "938953", "494429", "1d1b10"]; lista5ColoresPorGama["1f497d"] = ["c6d9f0", "8db3e2", "548dd4", "17365d", "0f243e"]; lista5ColoresPorGama["4f81bd"] = ["dbe5f1", "b8cce4", "95b3d7", "366092", "244061"]; lista5ColoresPorGama["c0504d"] = ["f2dcdb", "e5b9b7", "d99694", "953734", "632423"]; lista5ColoresPorGama["9bbb59"] = ["ebf1dd", "d7e3bc", "c3d69b", "76923c", "4f6128"]; lista5ColoresPorGama["8064a2"] = ["e5e0ec", "ccc1d9", "b2a2c7", "5f497a", "3f3151"]; lista5ColoresPorGama["4bacc6"] = ["dbeef3", "b7dde8", "92cddc", "31859b", "205867"]; lista5ColoresPorGama["f79646"] = ["fdeada", "fbd5b5", "fac08f", "e36c09", "974806"]; var lista10ColoresBasicos = ["c00000", "ff0000", "ffc000", "ffff00", "92d050", "00b050", "00b0f0", "0070c0", "002060", "7030a0"]; //################### FIN ZONA EDITABLE ################################################################################ $.sceditor.command.get('color')._dropDown = $.sceditor.command.get('color')._menu = function (editor, caller, callback) { var content = $("<div />"), cmd = $.sceditor.command.get('color'); if (!cmd._htmlCache) { var pre = '<strong style="background-color:#', suf = ';" unselectable="on"><span></span></strong>'; var coloresGama = ""; for (var col = 0; col < 5; col++) { for (key in lista5ColoresPorGama) { if (lista5ColoresPorGama[key][col]) coloresGama += lista5ColoresPorGama[key][col] + ","; } } coloresGama = coloresGama.substring(0, coloresGama.length - 1); var htmlGen = [pre, Object.keys(lista5ColoresPorGama).toString().split(',').join(suf + pre), suf].join(''); var htmlList = [pre, coloresGama.split(',').join(suf + pre), suf].join(''); var htmlStandard = [pre, lista10ColoresBasicos.toString().split(',').join(suf + pre), suf].join(''); var htmlGeneralPanel = ['<div class="editor_color_panel" style="z-index:12;" unselectable="on"><div class="color_general" unselectable="on">', htmlGen, '</div><div class="color_list" unselectable="on">', htmlList, '</div><div class="color_standard" unselectable="on">', htmlStandard, '</div></div>'].join(''); cmd._htmlCache = htmlGeneralPanel; } content.append(cmd._htmlCache).find('strong').click(function (e) { callback($(this).attr('style').substr(17, 7)); editor.closeDropDown(true); e.preventDefault(); }); editor.createDropDown(caller, "color-picker", content); } } })});

ثانيا في اكواد ال css

لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الوان>>ورقة تصميم ال css

وضع الكود التالي:

الكود:: /* Mohamed Nsrكود تغيير شكل محرر الالوان*/.editor_color_panel{ background-color:#fff; width:189px; height:135px;}.editor_color_panel .color_general{ height:16px; margin:11px 7px 9px 11px;}.editor_color_panel .color_list{ height:70px; margin:0 7px 0 11px;}.editor_color_panel .color_standard{ height:16px; margin:13px 7px 8px 11px;}.editor_color_panel strong{ font-size:0; display:block; width:14px; height:14px; margin-right:3px; float:left; cursor:pointer;}/*انتهاء الكود Mohamed Nsr*/

منقول للافادة

(JAVASCRIPT) كود تغيير شكل المحرر في الصندوق الماسي شكل جديد

(JAVASCRIPT) كود تغيير شكل المحرر في الصندوق الماسي شكل جديد

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

التسجيل

تسجيل الدخول