العقرب
فريقي المفضل : 
البلد : 
الجنس : 
الهواية : 
المهنة : 
مزاجـى : 
التقيم : 15
 |  موضوع: لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها  الخميس فبراير 23, 2012 1:14 am | |
| اقدم لكم كود حصري من صنعي لاضافة تاطيرت وتأثيرات جميله للصور الكود لجميع النسخ يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات) ظل خلف جميع الصور تأطيرات احترافيه على جميع الصور ميلان الصور وتحركها بمجرد مرور الماوس عليها صورة توضح مزايا الكود https://i.servimg.com/u/f28/15/28/56/97/1_bmp30.jpg  - Spoiler:
- الكود:
-
/*----- اضافة التأثيرات على الصور-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 انا استطعت من خلاله صنع عدة اكواد رائعه | |
|
demo
فريقي المفضل :
البلد : 
الجنس :
الهواية : 
المهنة : 
مزاجـى : 
التقيم : 0
| |
