السلام عليكم
اقدم لكم كود
حصري من صنعي لاضافة تاطيرت وتأثيرات جميله للصور
الكود لجميع النسخ 
يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات)
- ظل خلف جميع الصور
- تأطيرات احترافيه على جميع الصور
- ميلان الصور وتحركها بمجرد مرور الماوس عليها
صورة توضح مزايا الكودhttps://i.servimg.com/u/f28/15/28/56/97/1_bmp30.jpgتكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
الكود
الكود:
---------تضليل المحتوى/*----- اضافة التأثيرات على الصور-Ayman4u -----*/
.post img {-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform: rotate( 2deg);
-moz-transform: rotate( 2deg);
}
.post img:hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
}
/*----- اضافة التأثيرات على الصور-Ayman4u -----*/
يمكنكم
التحكم فى درجة ميلان الصورعن طريق الآتىالقيمه (
2deg) وتمثل درجة الميلان الاساسيه والثابته كلما زدت القيمه زادت درجة ميلان الصور والعكس صحيح
القيمة (
-1deg) تمثل درجة الميلان عند مرور الماوس كلما زدت فى الرقم زاد الميلان بمرور المؤشر والعكس صحيح
-من يرغب الغاء هذا الميلان وجعل الايطارات فقط يمكنه وضع القيمة
0التحكم فى حجم الايطارات عن طريق الآتى -webkit-box-shadow:
0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow:
0 3px 6px rgba(0,0,0,.25);
كلما قمت بزيادة القيمه زاد حجم الايطار مع الظل والعكس صحيح
طريقة الوضع كالعادهلوحة الاداره-مظهرالمنتدى-الوان-ورقة تصميمCss-ضع الكود-قدم
فى النهايه اقدم لكم هذا الموقع الرائع جدا لصناعة اكوادCss انا استطعت من خلاله صنع عدة اكواد رائعه
http://www.css3maker.com/box-shadow.htmlرجاء ممنوع حذف حقوقى من الكود أو التلاعب بها 
خالص تحياتى
