-

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

الرئيسيةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول


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

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


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



الكود:
$(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;
}

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


لفعل ذلك اضف هذا الكود لورقة 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;}


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

لوحة الاداره - عناصر اضافيه - ادارة اكواد 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;
      
    }


رابعا : الحل لمشكلة الاقتباس فعند الاقتباس يأتي الرد داخل الاقتباس
لتخطي هذه المشكله قم باضافة هذا الكود للجافا سكربت مع اختيار جميع الصفحات
الكود:
    $(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    

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



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






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



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

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



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



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

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