منتديات صهيب

منتديات صهيب

| تعليم | دروس متنوعة | كمبيوتر | صيانة | برمجة | شبكات | اخبار الرياضة | كوووورة عربية | كورة عالمية | طرق النجاح والتفوق | برامج | العاب | اكواد css | خدمات وتطوير المواقع و المنتديات .
 
الرئيسيةالبوابةس .و .جالتسجيلدخول

شاطر | 
 

 css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
امير الامراء
عضو جديد عضو  جديد
avatar

الجنس : ذكر
عدد المساهمات : 25
نقاط : 74
تاريخ التسجيل : 10/06/2012
الاوسمة التكرمية :

مُساهمةموضوع: css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها   الثلاثاء يونيو 12, 2012 12:04 am

اقدم لكم كود حصري من صنعي لاضافة تاطيرت وتأثيرات جميله للصور

الكود لجميع النسخ
يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات)


ظل خلف جميع الصور
تأطيرات احترافيه على جميع الصور
ميلان الصور وتحركها بمجرد مرور الماوس عليها


صورة توضح مزايا الكود




الكود:

    /*----- اضافة التأثيرات على الصور-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 لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات صهيب  :: تطوير المنتديات :: الاكواد :: اكواد Css لجعل منتداك افضل منتدى-
انتقل الى:  
المواضيع الأخيرة
» منتدى انور ابو البصل الاسلامي
الخميس مارس 12, 2015 8:42 am من طرف انور ابو البصل

» دعـــــــــــــــــــــــاء
الخميس مارس 12, 2015 8:42 am من طرف انور ابو البصل

» نشيد قلب الندم
الخميس مارس 12, 2015 8:41 am من طرف انور ابو البصل

» كيف اربط طفلي بالقران الكريم
الخميس مارس 12, 2015 8:40 am من طرف انور ابو البصل

» علاج السرحان في الصلاة
الخميس مارس 12, 2015 8:39 am من طرف انور ابو البصل

» شرح عربى كيفية تشغيل السويتشات L2 & l3 على برنامج GNS3
الإثنين فبراير 02, 2015 7:24 pm من طرف medoo.hassan99

» شرح عربى كيفية تشغيل السويتشات L2 & l3 على برنامج GNS3
الإثنين فبراير 02, 2015 7:24 pm من طرف medoo.hassan99

» شرح عربى كيفية تشغيل السويتشات L2 & l3 على برنامج GNS3
الإثنين فبراير 02, 2015 7:22 pm من طرف medoo.hassan99

» شرح عربى كيفية تشغيل السويتشات L2 & l3 على برنامج GNS3
الإثنين فبراير 02, 2015 7:22 pm من طرف medoo.hassan99

» شرح عربى كيفية تشغيل السويتشات L2 & l3 على برنامج GNS3
الإثنين فبراير 02, 2015 7:20 pm من طرف medoo.hassan99

» شرح عربى كيفية تشغيل السويتشات L2 & l3 على برنامج GNS3
الإثنين فبراير 02, 2015 7:15 pm من طرف medoo.hassan99

سحابة الكلمات الدلالية



الساعة الأن بتوقيت السودان
جميع الحقوق محفوظة لـمنتديات عالم التفوق والإبداع
 Powered by phpbb2 ® www.souhaib6.yoo7.com
حقوق الطبع والنشر© 2009 - 2012

كل مايكتب في هذا المنتدى لا يعبر عن رأي إدارة المنتدى أو الأعضاء وإنما يعبر عن رأي كاتبه فقط


منتديات بيبو  منتدى الصداقة
قلب الجزائر
منتدى انور ابو البصل الاسلامي منتديات عالم التفوق والابداع
أضف موقعك أضف موقعك
أضف موقعك أضف موقعكأضف موقعك أضف موقعك أضف موقعكأضف موقعك أضف موقعك
أضف موقعك أضف موقعكأضف موقعك أضف موقعك أضف موقعكأضف موقعك أضف موقعك
أضف موقعك أضف موقعكأضف موقعك أضف موقعك أضف موقعكأضف موقعك أضف موقعك
أضف موقعك
أضف موقعكأضف موقعك أضف موقعك  أضف موقعكأضف موقعك أضف موقعك
nwail