-

جديد اليوم على ليالي مصرية

الرئيسيةأحدث الصورالتسجيلدخول


تم النشر بقلم :محمـود:19/06/13, 02:29 am - -

 المشاركة رقم: #1
محمـود
الاداره
تواصل معى
http://www.layalyeg.com
بيانات اضافيه [+]
 الجنس : ذكر
 عدد الرسائل : 8019
 العمر : 47
 نقاط : 536830
 تاريخ التسجيل : 21/03/2008
 رأيك في العضو/هـ : 15
لوني المفضل : Tomato
حلول جميع مشاكل الصندوق الماسي + تطوير الصندوق بشكل جديد
السلام عليكم ورحمة الله
ننفرد اليوم بطرق جديده لتطوير الصندوق الماسي الجديد لاحلى منتدى وجعله اكثر احترافيه
وحل معظم المشاكل التي واجهت اصحاب المنتديات
نبدأ على بركة الله :
 الكود الاول هو لتطوير قائمة الالوان واستبدالها بقائمه مميزه افضل من الموجوده وهذه صوره بعد التطبيق 
 حلول جميع مشاكل الصندوق الماسي + تطوير الصندوق بشكل جديد 113 


 لعمل ذلك اضف هذا الكود الى اكواد الجافا سكربت وجعله لجميع الصفحات 



الكود:
$(function () {
    $(function () {
 
        $.sceditor.command.get('color')._dropDown = 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 htmlGen = [pre,
'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646'.split(',').join(suf
 + pre), suf].join('');
 
                var htmlList = [pre,
'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'.split(',').join(suf
 + pre), suf].join('');
 
                var htmlStandard = [pre,
 
'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0'.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 

الكود:
.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;
}
حلول جميع مشاكل الصندوق الماسي + تطوير الصندوق بشكل جديد 3735119316
ثانيا : تغيير قائمة الابتسامات والرجوع الى الشكل القديم فهو افضل من الجديد وطريقة عرضه اوضح واسرع
حلول جميع مشاكل الصندوق الماسي + تطوير الصندوق بشكل جديد 210

لفعل ذلك اضف هذا الكود لورقة css
 لوحة الاداره - مظهر المنتدى - الصور والالوان - الالوان - ورقة تصميم css 

الكود:
    img.smiley {
    width: auto !important;
    height: auto !important;
    }
    div.sceditor-emoticons {
      overflow: auto;
      max-height: 200px;
      max-width: 250px;
    }
    .sceditor-emoticons > div > img{
      width:0px !important;
      height:0px !important;}

حلول جميع مشاكل الصندوق الماسي + تطوير الصندوق بشكل جديد 3735119316
ثالثا : حل مشكلة صغر الحجم في المشاركات عند كتابة موضوع رأيت الكثير يشتكي منها بالصندوق الجديد
كل ما علينا هو اضافة الكود التالي الى الجافا سكربت

لوحة الاداره - عناصر اضافيه - ادارة اكواد Javascript

واجعله لجميع الصفحات
الكود:
    $(function(){$(function() {
      $("#text_editor_textarea").sceditor('instance').css('body { font-size: 18px; font-weight: bold; font-family:arial }')
    })});
 واضف هذا الكود لورقة css 
 لوحة الاداره - مظهر المنتدى - الصور والالوان - الالوان - ورقة تصميم css 
الكود:
    div.sceditor-container textarea {
      font-family:arial!important;
      font-size:18px!important;
      font-weight: bold;
      
    }

حلول جميع مشاكل الصندوق الماسي + تطوير الصندوق بشكل جديد 3735119316
رابعا : الحل لمشكلة الاقتباس فعند الاقتباس يأتي الرد داخل الاقتباس
لتخطي هذه المشكله قم باضافة هذا الكود للجافا سكربت مع اختيار جميع الصفحات
الكود:
    $(function () {
                if(!$.sceditor) return;
                $.sceditor.plugins.bbcode.bbcodes.quote.html = function (token, attrs, content) {
                    if (typeof attrs.defaultattr !== "undefined")
                        content = '<cite>' + attrs.defaultattr + '</cite>' + content;
            
                   return '<br /><blockquote>' + content + '</blockquote><br />';
                };
            
           });
:aaaz:
وان شاء الله سنقوم بتنزيل الاكواد الجديده لتحسين الصندوق اكثر واكثر
اتمنى الموضوع يكون نال اعجابكم
لا تنسى وضع تعليقك وابداء رأيك


تم النشر بقلم :محمـود19/06/13, 02:29 am    

تعليقات القراء



توقيع : محمـود






الإشارات المرجعية



الــرد الســـريـع

رفع الصور رفع فيديو أغانى فوتوشوب ترجمة رموز الكتابة ردود جاهزة صندوق متطور



مواضيع ذات صلة



حلول جميع مشاكل الصندوق الماسي + تطوير الصندوق بشكل جديد Collap10تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة