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

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

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

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

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

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

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

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

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

يكون متطور 

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

وشكراا

الولد الانيق



ذكر
عدد المساهمات : 51
معدل النشاط : 319

http://holmouna49.alamountada.com/

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

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

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

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

JAR7
أحلى مساعدة
أحلى  مساعدة

انثى
عدد المساهمات : 2587
معدل النشاط : 4014

http://www.t3qnyiat.com/

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

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

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

نعم اختي جوري

الولد الانيق



ذكر
عدد المساهمات : 51
معدل النشاط : 319

http://holmouna49.alamountada.com/

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

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

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

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

الولد الانيق



ذكر
عدد المساهمات : 51
معدل النشاط : 319

http://holmouna49.alamountada.com/

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

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

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


Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2909
معدل النشاط : 5148

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

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

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

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

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

الولد الانيق



ذكر
عدد المساهمات : 51
معدل النشاط : 319

http://holmouna49.alamountada.com/

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

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

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

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

MSCFC
 
 

ذكر
عدد المساهمات : 102
معدل النشاط : 377

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;
}




ahd allah
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 1755
معدل النشاط : 3503

http://madany.moontada.net

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

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

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

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

http://www.ashhark.com/

الولد الانيق



ذكر
عدد المساهمات : 51
معدل النشاط : 319

http://holmouna49.alamountada.com/

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

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

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

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

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

Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2909
معدل النشاط : 5148

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

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

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

مُساهمة من طرف 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;
    };
  }
}());

0marp0p23
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 735
معدل النشاط : 2436

http://cocss.arab.st

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

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

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

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

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

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

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

اخي 0marp0p23

الولد الانيق



ذكر
عدد المساهمات : 51
معدل النشاط : 319

http://holmouna49.alamountada.com/

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

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

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

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

0marp0p23

الولد الانيق



ذكر
عدد المساهمات : 51
معدل النشاط : 319

http://holmouna49.alamountada.com/

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

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

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

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

لقد تم الجل 

وشكرااا 

الولد الانيق



ذكر
عدد المساهمات : 51
معدل النشاط : 319

http://holmouna49.alamountada.com/

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

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


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