لديك حساب بالفعل؟ دخول
دخول  سجل الأن 
اخطاء على الهواء اتحداك تتمالك نفسك من الضحك 5 نصائح لزيادة مساحة تخزين جوالات الايفون أفضل عرض لبرنامج اكتشاف المواهب يمكنك ان تراه يوما

اخطاء على الهواء اتحداك تتمالك نفسك من الضحك ماذا ترى فى اول 5 ثوانى تنظر لهذه المجموعه من الصور (عقول سيئه) طريقة رسم وردة (زهرة) بسيطة وجميلة بالقلم الرصاص .. خطوة بــ خطوة
الموقع الآن فى الفترة التجريبية وهذا الجزء غير كامل وجارى العمل عليه، للراغبين في المساعدة برجاء التقدم
[تحسين] توسيط عنصر (div) بالنسبة لاخر (افقيا ورأسيا)

مثال الاستعمال

$(document).ready(function(){
    $('#mainDiv').center();
    $(window).bind('load resize scroll', function() {
        $('#mainDiv').center({transition:300});
    });
);
(function($){
     $.fn.extend({
          center: function (options) {
               var options =  $.extend({ // Default values
                    inside:window, // element, center into window
                    transition: 0, // millisecond, transition time
                    minX:0, // pixel, minimum left element value
                    minY:0, // pixel, minimum top element value
                    withScrolling:true, // booleen, take care of the scrollbar (scrollTop)
                    vertical:true, // booleen, center vertical
                    horizontal:true // booleen, center horizontal
               }, options);
               return this.each(function() {
                    var props = {position:'absolute'};
                    if (options.vertical) {
                         var top = ($(options.inside).height() - $(this).outerHeight()) / 2;
                         if (options.withScrolling) top += $(options.inside).scrollTop() || 0;
                         top = (top > options.minY ? top : options.minY);
                         $.extend(props, {top: top+'px'});
                    }
                    if (options.horizontal) {
                          var left = ($(options.inside).width() - $(this).outerWidth()) / 2;
                          if (options.withScrolling) left += $(options.inside).scrollLeft() || 0;
                          left = (left > options.minX ? left : options.minX);
                          $.extend(props, {left: left+'px'});
                    }
                    if (options.transition > 0) $(this).animate(props, options.transition);
                    else $(this).css(props);
                    return $(this);
               });
          }
     });
})(jQuery);