منتدى صانع القرار
اهلا وسهلا ضيفنا العزيز يسعدنا ويشرفنا تسجيلك معنا



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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

admin
Admin
Admin
البلد :
المهنه :
المـزاج :
الجنس : ذكر
نقاط : 2938
المساهمات : 153
تقييم : 10
http://sh-d-r.mam9.com

مُساهمة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*/

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





استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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