منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

كود تصغير وتكبير

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

كود تصغير وتكبير

مُساهمة من طرف الولد الانيق في الأربعاء 29 يونيو 2016 - 3:59

السلام عليكم  ورحة الله وبركاته 

اوريد كود تصغير وتكبير ..الخ في المسهمات   

يكون متطور 

اوريده بي اسرع وقت 

وشكراا
avatar
الولد الانيق



ذكر
عدد المساهمات : 53
معدل النشاط : 521
السُمعة : 0

http://holmouna49.alamountada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف JoryAbdallah في الأربعاء 29 يونيو 2016 - 4:02

وعليكم السلام ورحمة الله وبركاته
هل تقصد تكبير وتصغير الصور


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
اشراف عام المساعدة
اشراف عام المساعدة

انثى
عدد المساهمات : 3661
معدل النشاط : 5163
السُمعة : 268

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف الولد الانيق في الأربعاء 29 يونيو 2016 - 4:02

نعم اختي جوري
avatar
الولد الانيق



ذكر
عدد المساهمات : 53
معدل النشاط : 521
السُمعة : 0

http://holmouna49.alamountada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف الولد الانيق في الأربعاء 29 يونيو 2016 - 4:22

بلييز اسرعو لانو اوريد الكود بي اسرع وقت
avatar
الولد الانيق



ذكر
عدد المساهمات : 53
معدل النشاط : 521
السُمعة : 0

http://holmouna49.alamountada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف Mahmoud Eslam في الأربعاء 29 يونيو 2016 - 5:15

avatar
Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2910
معدل النشاط : 5358
السُمعة : 53

http://help-pub.3oloum.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف الولد الانيق في الأربعاء 29 يونيو 2016 - 15:52

اخي انا ضايف مثل الموضوع تماما لاكن لم تاتي تكبير وتصغير ؟؟؟؟؟؟؟
avatar
الولد الانيق



ذكر
عدد المساهمات : 53
معدل النشاط : 521
السُمعة : 0

http://holmouna49.alamountada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف MSCFC في الأربعاء 29 يونيو 2016 - 16:38

بعد إذن المساعدين الكريمين
أخي أعطني رابط منتداك لتجهيز الكود على حسب منتداك
avatar
MSCFC
 
 

ذكر
عدد المساهمات : 102
معدل النشاط : 579
السُمعة : 4

http://mscfc.arabstar.biz

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف Ahd allah في الأربعاء 29 يونيو 2016 - 16:45

تفضل يا صديقي :
يوضع في ورقة التصميم .

الكود:
.postbody img:hover {
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.postbody img:hover {
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}



avatar
Ahd allah
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 2388
معدل النشاط : 4404
السُمعة : 177

http://madany.moontada.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف الولد الانيق في الأربعاء 29 يونيو 2016 - 18:36

اخواتي اوريد كود تكبير وتغير فوق الصورة مثل هنا 

http://www.ashhark.com/
avatar
الولد الانيق



ذكر
عدد المساهمات : 53
معدل النشاط : 521
السُمعة : 0

http://holmouna49.alamountada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف Mahmoud Eslam في الخميس 30 يونيو 2016 - 4:34

@الولد الانيق كتب:اخواتي اوريد كود تكبير وتغير فوق الصورة مثل هنا 

http://www.ashhark.com/
لم ننتهى من مشكلتك السابقة عزيزى !! اتمنى فتح موضوع جديد به طلبك الجديد ووضع صورة لما تريد بالضبط وليس رابط منتدى لنفهم ما تريد  Rolling Eyes
وتابع هذا الموضوع مثل ما تريد تماماً : طلب كود " تصغير , تكبير الصورة , في المواضيع Cool
واتمنى اخبارنا بأنه هل تم حل مشكلتك ام لا ؟ Mad
avatar
Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2910
معدل النشاط : 5358
السُمعة : 53

http://help-pub.3oloum.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف JoryAbdallah في الخميس 30 يونيو 2016 - 5:31



 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
اشراف عام المساعدة
اشراف عام المساعدة

انثى
عدد المساهمات : 3661
معدل النشاط : 5163
السُمعة : 268

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف 0marp0p23 في الخميس 30 يونيو 2016 - 5:50

عذرا اخواني المساعدين علي التدخل
اولا : اذهب الي
لوحة التحكم - ادارة عامة - الرسائل و الاميلات - تشكيل
امسح كل ارقام التحكم في حجم الصور الموجوده مثل الصورة التالية

سجل

ثانيا:
اضف الكود التالي في اكواد الجافا
الاسم : التحكم في حجم الصور بالمساهمات
المكان : جميع الصفحات
الكود:
الكود:
(function() {

  window.fa_img_resizer = {
    max_width : 400, // maximum image width (400px)
    max_height : 250, // maximum image height (250px)
 
    selector : '.postbody > div:not(.user):not(.postprofile) img, .mod_news img, .message-text img', // where images should be resized
 
    options : {
            bar : true, // resized image options bar
        toggler : true, // Enlarge / Reduce Image
      full_size : true, // Show full size
      download : true, // Download image link
      lightbox : true // lightbox effect
    },
 
    // texts
    lang : {
      full_size : '<i class="fa fa-external-link"></i> عرض الحجم بالكامل',
        enlarge : '<i class="fa fa-search-plus"></i> تكبير الصورة',
        reduce : '<i class="fa fa-search-minus"></i> تصغير الصورة',
      download : '<i class="fa fa-download"></i> تحميل الصورة',
      tooltip : 'اضغط هنا لعرص الصورة بالكامل'
    },
 
    // resize all images inside the "resizeIn" elements
    resize : function() {
      for (var a = $(fa_img_resizer.selector), i = 0, j = a.length; i < j; i++) {
        if (!a[i].alt && (a[i].naturalWidth > fa_img_resizer.max_width || a[i].naturalHeight > fa_img_resizer.max_height)) {
          a[i].className += ' fa_img_reduced';
 
          // make the image a "link" if it's not wrapper with one
          if (fa_img_resizer.options.lightbox && a[i].parentNode.tagName != 'A') {
            a[i].style.cursor = 'pointer';
            a[i].title = fa_img_resizer.lang.tooltip;
 
            a[i].onclick = function() {
              fa_img_resizer.lightbox(this);
            };
          }
 
          // create the resize bar
          if (fa_img_resizer.options.bar) {
            (a[i].parentNode.tagName == 'A' ? a[i].parentNode : a[i]).insertAdjacentHTML('beforebegin',
              '<div class="fa_img_resizer" style="width:' + (a[i].width - 8) + 'px;">'+
                (fa_img_resizer.options.toggler ? '<a class="fa_img_enlarge" href="#" onclick="fa_img_resizer.toggle(this); return false;">' + fa_img_resizer.lang.enlarge + '</a>' : '')+
                (fa_img_resizer.options.full_size ? '<a class="fa_img_full" href="/viewimage.forum?u=' + a[i].src + '" target="_blank">' + fa_img_resizer.lang.full_size + '</a>' : '')+
                (fa_img_resizer.options.download && !/Firefox/.test(navigator.userAgent) && 'download' in document.createElement('A') ? '<a class="fa_img_download" href="' + a[i].src + '" target="_blank" download>' + fa_img_resizer.lang.download + '</a>' : '' )+
              '</div>'
            );
          }
        }
      }
    },
 
    // toggle between enlarged and reduced image sizes
    toggle : function(that) {
      var img = that.parentNode.nextSibling;
 
      if (img.tagName == 'A') {
        img = img.getElementsByTagName('IMG')[0];
      }
 
      if (/fa_img_reduced/.test(img.className)) {
        that.innerHTML = fa_img_resizer.lang.reduce;
        that.className = 'fa_img_reduce';
        img.className = img.className.replace(/fa_img_reduced/, 'fa_img_enlarged');
      } else {
        that.innerHTML = fa_img_resizer.lang.enlarge;
        that.className = 'fa_img_enlarge';
        img.className = img.className.replace(/fa_img_enlarged/, 'fa_img_reduced');
      }
 
      that.parentNode.style.width = img.width - 8 + 'px';
    },
 
    // lightbox effect
    lightbox : function(that) {
      var frag = document.createDocumentFragment(),
          overlay = $('<div id="fa_img_lb_overlay" />')[0],
          img = $('<img id="fa_img_lb_image" src="' + that.src + '" />')[0];
 
      overlay.onclick = fa_img_resizer.kill_lightbox;
      img.onclick = fa_img_resizer.kill_lightbox;
 
      frag.appendChild(overlay);
      frag.appendChild(img);
      document.body.appendChild(frag);
      document.body.style.overflow = 'hidden';
 
      img.style.marginTop = '-' + (img.height / 2) + 'px';
      img.style.marginLeft = '-' + (img.width / 2) + 'px';
    },
 
    // kill the lightbox
    kill_lightbox : function() {
      var overlay = document.getElementById('fa_img_lb_overlay'),
          img = document.getElementById('fa_img_lb_image');
 
      overlay && document.body.removeChild(overlay);
      img && document.body.removeChild(img);
      document.body.style.overflow = '';
    }
  };
 
  // write styles into the document head
  document.write(
    '<style type="text/css">'+
      fa_img_resizer.selector + ', .fa_img_reduced { max-width:' + fa_img_resizer.max_width + 'px; max-height:' + fa_img_resizer.max_height + 'px; }'+
      '.fa_img_enlarged { max-width:100% !important; max-height:100% !important; }'+
      '.fa_img_resizer { font-size:12px; text-align:right; padding:3px; margin:3px 0; background:#FFF; border:1px solid #CCC; }'+
      '.fa_img_resizer a { margin:0 3px; }'+
      '.fa_img_resizer i { font-size:14px; vertical-align:middle; }'+
      '#fa_img_lb_overlay { background:rgba(0, 0, 0, 0.7); position:fixed; top:0; right:0; bottom:0; left:0; z-index:999999; cursor:pointer; }'+
      '#fa_img_lb_image { max-height:100%; max-width:100%; position:fixed; left:50%; top:50%; z-index:9999999; cursor:pointer; }'+
    '</style>'+
    (!$('link[href$="font-awesome.min.css"]')[0] ? '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" />' : '') // require font awesome
  );
 
  // begin modifying images when the page is loaded
  $(window).load(fa_img_resizer.resize);
 
  // kill forumactif's image resizer
  if (window.resize_images) {
    window.resize_images = function() {
      return false;
    };
  }
}());
avatar
0marp0p23
 
 

ذكر
عدد المساهمات : 751
معدل النشاط : 2665
السُمعة : 71

http://cocss.arab.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف الولد الانيق في الخميس 30 يونيو 2016 - 14:32

اخي لقد تم الحل 

+ لاكن الكود فيه خلل 

ياتو اثنين فوق بعضهم البعض

+ تكبر ولا تضغر ؟؟؟ 

اخي 0marp0p23
avatar
الولد الانيق



ذكر
عدد المساهمات : 53
معدل النشاط : 521
السُمعة : 0

http://holmouna49.alamountada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف الولد الانيق في الخميس 30 يونيو 2016 - 14:36

اخي شكراا كود رائع برك الله فيك +اتمنى الحل  بي اسرع وقت 

0marp0p23
avatar
الولد الانيق



ذكر
عدد المساهمات : 53
معدل النشاط : 521
السُمعة : 0

http://holmouna49.alamountada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود تصغير وتكبير

مُساهمة من طرف الولد الانيق في الخميس 30 يونيو 2016 - 14:41

  بسم الله الرحمان الر

لقد تم الجل 

وشكرااا 
avatar
الولد الانيق



ذكر
عدد المساهمات : 53
معدل النشاط : 521
السُمعة : 0

http://holmouna49.alamountada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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


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