css] كود لتكبير الصور وتصغيرها مثل قوقل

تكبير الصور بمجرد تمرير الماوس عليها

الرمز:

./*------------------------------http://noral7et.forumth.com------------------------------*/

.postbody img {
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.9;
margin: 0 10px 5px 0;
}
.postbody img:hover {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1); box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px "AQUI EL TAMA?O EN PIXELES DEL SHADOW" px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
-moz-box-shadow:0px 0px "AQUI EL TAMA?O EN PIXELES DEL SHADOW"px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
opacity: 1;
}

.postbody img {
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright:
8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright:
8px;
border:1px solid
#ffffff;
}

.postbody img {
max-width:600px;
}

خطوات تركيب الكود

اولا نذهب الى لوحه التحكم
اداره عامه

الرسائل و الإيميلات

تشكيل

ومنها نقوم بتفريخ حقول الصوره
تعديل ابعاد الصور التي يضعها الأعضاء في
اترك هذا الحقل فارغاً لتعطيل خاصية تعديل ابعاد الصور.

نترك الخيارين فارغين

ثم نضغط سجل

طريقة الوضع : -

الكود يوضع بورقة الــــcss

لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css

إبداع في الطرح وروعة في الإنتقاء

وجهداً تشكر عليه يالغلا

دمت/ي رائع الطرح وافر العطاء

أكاليل الزهر أنثرها في صفحتك

مع خالص تحياتى وفائق تقديري

» كود [css] للتحكم في حجم الصور الشخصية
» ابناء الحيوانات واسمائهم + الصور
» كيفية دمج الصور بطريقة سهلة
» [مميز] كود css وضع حقوق منتداك على الصور في المساهمات
» تصاميم جاهزة لألبومات الصور 2013