-

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

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

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

 المشاركة رقم: #1
الاداره
تواصل معى
معاينة صفحة البيانات الشخصي للعضو http://www.layalyeg.com
بيانات اضافيه [+]
 الجنس : ذكر
 عدد الرسائل : 8014
 العمر : 39
 نقاط : 528079
 تاريخ التسجيل : 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 معطلة