السلام عليكم ورحمة الله وبركاته
اقدم لكم كود عمل خاصية zoom علي الصور الشخصية روعة
صور كمثال : الصورة لاتلمس الفرق الحقيقي يجب ان تجرب بنفسك لكي تري الفرق الحقيقي
معاينة للكوووووووود
الكود
- الكود:
-
.postdetails.poster-profile a 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;
}
.postdetails.poster-profile a 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;
}
طريقة الوضع:>
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
اتبع هذا الموضوع
طريقة وضع كود css في المكان الصحيح (بالصور) ..
ملحوظة هذا الكود للنسخة phpbb2
...
الكود منقول من منتدى اخر باسم احمد فلم احذف الحقوق
اخوكم احمد ِ لانريد مقابل غير
ادعولي بظهر الغيب / وفقكم الله في حياتكم
والسلام عليكم