منتديات فرسان غزة
السلام عليكم مرحبأ بك يا زائر نورت المنتدى نحن سعداء لتواجد هنا
أنت الآن تتصفح منتديات فرسان غزة .. ولديك عدة خيارات على النحو التالي :

1- إذا سجلت مسبقاً بإمكانك تسجيل الدخول لوضع المواضيع أو الرد عليها

2- إن لم تكن مسجل قم بالضغط على زر التسجيل واملأ البيانات للتسجيل

3- إذا أردت القراءة فقط فإختار أحد الأقسام بالأسفل واختار الموضوع المناسب


منتديات فرسان غزة حيث المتعة والفائدة .. انشر موضوعك وعلق على مواضيع الآخرين
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

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

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

الجنس : ذكر
عدد المساهمات : 531
البلد : فلسطين
المهنة : جامعي
تاريخ التسجيل : 13/12/2012
العمر : 19
الموقع : فلسطين - غزة

مُساهمةموضوع: كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها   الإثنين يوليو 04, 2016 3:40 pm

كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها
السلام عليكم ورحمة الله وبركاته
كود جاهز بورقة css
يضاف ليعمل تحكم بقياس الصور الكبيرة دون التاثير بحجم الصور الصغيرة
واضافة اطار او تركيز حول الصورة



مثال الكود
 

http://i58.tinypic.com/rmspwy.gif

الكود

الكود:
 .postbody img {
        max-width: 600px;
        /* Resize the image for IE6 */
        width: expression(this.width > 600 ? 600: true);
    }

    /*FOCUS*/
    .postbody img {
      -webkit-transition: all 1s ease;
         -moz-transition: all 1s ease;
           -o-transition: all 1s ease;
          -ms-transition: all 1s ease;
              transition: all 1s ease;
    }
    .postbody img:hover {
      border: 20px solid #000;
      border-radius: 30%;
    }

دمتم بخير Arrow


هل صليت اليوم على النبي يا زائر ؟؟


سبحان الله وبحمده سبحان الله العظيم
لا إله إلا الله ،الله اكبر ولله الحمد
اللهم صلّ على نبينا محمد

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://4-gaza.ahlamontada.com
يشهب
عضو ماسي
عضو ماسي
avatar

الجنس : ذكر
عدد المساهمات : 136
البلد : مصر
المهنة : جامعي
تاريخ التسجيل : 30/06/2016
العمر : 26
الموقع : http://nf-son.forumotion.com
الأوسمة : قلم ذهبي

مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها   الخميس يوليو 07, 2016 10:48 am

السلام عليكم و رحمة الله و بركاته


كود حلو و جذاب.. شكراً لك


خالص تحياتي؛
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com
عمر
المدير العام
المدير العام
avatar

الجنس : ذكر
عدد المساهمات : 531
البلد : فلسطين
المهنة : جامعي
تاريخ التسجيل : 13/12/2012
العمر : 19
الموقع : فلسطين - غزة

مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها   الخميس يوليو 07, 2016 10:51 am

الله يسعدك ويبارك فيك صديقي على مرورك الجميل والكلمات الرائعة


كل التحية والتقدير ....


هل صليت اليوم على النبي يا زائر ؟؟


سبحان الله وبحمده سبحان الله العظيم
لا إله إلا الله ،الله اكبر ولله الحمد
اللهم صلّ على نبينا محمد

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://4-gaza.ahlamontada.com
يشهب
عضو ماسي
عضو ماسي
avatar

الجنس : ذكر
عدد المساهمات : 136
البلد : مصر
المهنة : جامعي
تاريخ التسجيل : 30/06/2016
العمر : 26
الموقع : http://nf-son.forumotion.com
الأوسمة : قلم ذهبي

مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها   الخميس يوليو 07, 2016 11:01 am

العفو صديقي.. وددت لو تقوموا بعمل فهرس لكل هذه الأكواد حتى لا تضيع.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com
 
كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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