- لن تجدو مثلىأعضاء نشطاء
- الجنس :
عدد المساهمات : 178
العمر : 25
css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
السبت أغسطس 25, 2012 9:27 pm
css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
السلام عليكم
اقدم لكم كود حصري من صنعي لاضافة تاطيرت وتأثيرات جميله للصور
الكود لجميع النسخ
يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات)
ظل خلف جميع الصور
تأطيرات احترافيه على جميع الصور
ميلان الصور وتحركها بمجرد مرور الماوس عليها
صورة توضح مزايا الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
الكود
[code]
/*----- اضافة التأثيرات على الصور-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);
}
/*----- اضافة التأثيرات على الصور-لن تجدو مثلى -----*/
يمكنكم التحكم فى درجة ميلان الصورعن طريق الآتى
القيمه ( 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 انا استطعت من خلاله صنع عدة اكواد رائعه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
رجاء ممنوع حذف حقوقى من الكود أو التلاعب بها
خالص تحياتى
السلام عليكم
اقدم لكم كود حصري من صنعي لاضافة تاطيرت وتأثيرات جميله للصور
الكود لجميع النسخ
يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات)
ظل خلف جميع الصور
تأطيرات احترافيه على جميع الصور
ميلان الصور وتحركها بمجرد مرور الماوس عليها
صورة توضح مزايا الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
الكود
[code]
/*----- اضافة التأثيرات على الصور-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);
}
/*----- اضافة التأثيرات على الصور-لن تجدو مثلى -----*/
يمكنكم التحكم فى درجة ميلان الصورعن طريق الآتى
القيمه ( 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 انا استطعت من خلاله صنع عدة اكواد رائعه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
رجاء ممنوع حذف حقوقى من الكود أو التلاعب بها
خالص تحياتى
- **saad**اداري غائب
- الجنس :
عدد المساهمات : 242
العمر : 25
رد: css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
السبت أغسطس 25, 2012 9:37 pm
شكرا جزيلا
- مصمم مبدعأعضاء نشطاء
- الجنس :
عدد المساهمات : 450
العمر : 29
رد: css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
السبت سبتمبر 01, 2012 10:49 pm
شكرا
- Ashek cafeأعضاء نشطاء
- الجنس :
عدد المساهمات : 74
العمر : 26
رد: css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
الجمعة ديسمبر 21, 2012 9:36 am
شكرا
- كود تصغير جميع الصور والروبط عند مرور الماوس عليها
- كود تصغير جميع الصور والروبط عند مرور الماوس عليها
- كود وضع ايطار للصورة الشخصية عند مرور الماوس عليها
- كود CSS لجعل البيانات الشخصية احترافية في المشاركات+اطار للصورة الشخصية وميزات اخرى كالفيبي للنسخة phpbb2
- [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى