موقع نورسات


موقع نورسات للأقمار الصناعيه الدش ( ثابت . ومتحرك ) وصيانة الرسيفرات . جميع واحدث السوفتات الاصليه والحديثه بتاريخ اليوم . صيانة الكمبيوتر .والاب توب . تعلم واحترف معنا الصيانة والتركيب
 
الرئيسيةالمصحف الفلاشىالتسجيلدخول

شاطر | 
 

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

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

معلومات العضو
انا من :
الجنس : ذكر
مزاجك اليوم :
أنا اعمل :
الهويه :
العمر : 31
عــدد الـمـسـاهـمـات : 1338
تاريخ التسجيل : 26/03/2010


مُساهمةموضوع: كود حصري لأضافة تاطيرت وتأثيرات جميله للصور   السبت 17 سبتمبر 2011, 04:44



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

الكود لجميع النسخ

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


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

صورة توضح مزايا الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


الكود:


/*----- elmgrohen  -----*/

    .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);
    }
/*----- elmgrohen  -----*/

يمكنكم التحكم فى درجة ميلان الصورعن طريق الآتى
القيمه ( 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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
موقع نورسات :: تطوير المواقع والمنتديات-
انتقل الى: