(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) كود تغيير شكل المحرر في الصندوق الماسي شكل جديد

Create an account or log in to leave a reply

Create an account

Log in