الرئيسيةالبوابةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

 كود css تأطيرات احترافيه على جميع الصور

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin
Admin
avatar


الجنس ذكر
النشاط : 2255
العمر العمر : 21
المشاركات المشاركات : 92
التقييم التقييم : 5
المهنة
البلد
•مِزآَجےِ •~| :
تاريخ التسجيل : 05/01/2013
الاوسمة :

•دعـآئےُ •| :
sms: sms: : صلي علي خاتم الرسل وأفضل البشر سيدنا محمد صلي الله عليه وسلم
•MMS •| :


مُساهمةموضوع: كود css تأطيرات احترافيه على جميع الصور   الأربعاء يناير 16, 2013 11:02 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-ضع الكود-قدم

مع تحياتي
كايرو7 Prince Mido كايرو7
كايرو33



الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://e7lm.yoo7.com
حروف الغلا
عضو جديد
عضو جديد



الجنس انثى
النشاط : 2010
المشاركات المشاركات : 27
التقييم التقييم : 2
المهنة
البلد
تاريخ التسجيل : 18/01/2013
الاوسمة :

sms: sms: : ماذا يخطر في بالك


مُساهمةموضوع: رد: كود css تأطيرات احترافيه على جميع الصور   الأحد يناير 20, 2013 12:55 pm

شكرا لك وبالتوفيق كايرو6
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
ملوك الابداع
عضو جديد
عضو جديد



الجنس ذكر
النشاط : 2003
المشاركات المشاركات : 20
التقييم التقييم : 1
المهنة
البلد
تاريخ التسجيل : 17/01/2013
الاوسمة :



مُساهمةموضوع: رد: كود css تأطيرات احترافيه على جميع الصور   الأحد يناير 20, 2013 3:02 pm

شكرا الك اخوي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
كود css تأطيرات احترافيه على جميع الصور
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
E7lm :: منتديـــــــــــــــــ دعم وتطوير منتديات ahlamontada ـــــــــــــــــــــات :: عالم الاكواد :: اكواد css-
انتقل الى:  
  • تذكرني؟
  • نحن معكم
    مرحبا ايها الزائر, اذا كنت تقراء هذه الرسالة, فهذا يعني انك غير مسجل لدينا في المنتدى. اضغط هنا لتستطيع التسجيل في المنتدى بعدة خطوات, و ستتمكن من اتمتع بجميع ميزات المنتدى.