كود تصغير وتكبير
+2
JoryAbdallah
الولد الانيق
6 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
كود تصغير وتكبير
السلام عليكم ورحة الله وبركاته
اوريد كود تصغير وتكبير ..الخ في المسهمات
يكون متطور
اوريده بي اسرع وقت
وشكراا
اوريد كود تصغير وتكبير ..الخ في المسهمات
يكون متطور
اوريده بي اسرع وقت
وشكراا
رد: كود تصغير وتكبير
تفضل يا صديقي :
يوضع في ورقة التصميم .
يوضع في ورقة التصميم .
- الكود:
.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;
}
رد: كود تصغير وتكبير
لم ننتهى من مشكلتك السابقة عزيزى !! اتمنى فتح موضوع جديد به طلبك الجديد ووضع صورة لما تريد بالضبط وليس رابط منتدى لنفهم ما تريد ![Rolling Eyes](https://2img.net/i/fa/i/smiles/icon_rolleyes.gif)
وتابع هذا الموضوع مثل ما تريد تماماً : طلب كود " تصغير , تكبير الصورة , في المواضيع
واتمنى اخبارنا بأنه هل تم حل مشكلتك ام لا ؟
![Rolling Eyes](https://2img.net/i/fa/i/smiles/icon_rolleyes.gif)
وتابع هذا الموضوع مثل ما تريد تماماً : طلب كود " تصغير , تكبير الصورة , في المواضيع
![Cool](/users/1811/68/54/94/smiles/103798.gif)
واتمنى اخبارنا بأنه هل تم حل مشكلتك ام لا ؟
![Mad](/users/1811/68/54/94/smiles/708172.gif)
رد: كود تصغير وتكبير
عذرا اخواني المساعدين علي التدخل
اولا : اذهب الي
لوحة التحكم - ادارة عامة - الرسائل و الاميلات - تشكيل
امسح كل ارقام التحكم في حجم الصور الموجوده مثل الصورة التالية
![كود تصغير وتكبير 6f5c41](https://2img.net/h/oi66.tinypic.com/6f5c41.png)
سجل
ثانيا:
اضف الكود التالي في اكواد الجافا
الاسم : التحكم في حجم الصور بالمساهمات
المكان : جميع الصفحات
الكود:
اولا : اذهب الي
لوحة التحكم - ادارة عامة - الرسائل و الاميلات - تشكيل
امسح كل ارقام التحكم في حجم الصور الموجوده مثل الصورة التالية
![كود تصغير وتكبير 6f5c41](https://2img.net/h/oi66.tinypic.com/6f5c41.png)
سجل
ثانيا:
اضف الكود التالي في اكواد الجافا
الاسم : التحكم في حجم الصور بالمساهمات
المكان : جميع الصفحات
الكود:
- الكود:
(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;
};
}
}());
![-](https://i.servimg.com/u/f37/19/43/18/14/tabs_l11.gif)
» طلب اسم خط وطريقة توسيط وتكبير الخط في Forumactif EDGE
» المشكله تصغير الصورة وتكبير الصور
» طلب كود تصغير وتكبير الصور للنسخة الاولى
» مشكلة توسيط وتكبير اسم العضو
» تعديل وتكبير صورة اللوجو
» المشكله تصغير الصورة وتكبير الصور
» طلب كود تصغير وتكبير الصور للنسخة الاولى
» مشكلة توسيط وتكبير اسم العضو
» تعديل وتكبير صورة اللوجو
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى