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

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

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

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

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

اذهب الى الأسفل

???? كود 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


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


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

avatar
عمر
المدير العام
المدير العام

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

معاينة صفحة البيانات الشخصي للعضو http://4-gaza.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف يشهب في الخميس يوليو 07, 2016 10:48 am

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


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


خالص تحياتي؛
avatar
يشهب
عضو ماسي
عضو ماسي

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

معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف عمر في الخميس يوليو 07, 2016 10:51 am

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


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


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


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

avatar
عمر
المدير العام
المدير العام

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

معاينة صفحة البيانات الشخصي للعضو http://4-gaza.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف يشهب في الخميس يوليو 07, 2016 11:01 am

العفو صديقي.. وددت لو تقوموا بعمل فهرس لكل هذه الأكواد حتى لا تضيع.
avatar
يشهب
عضو ماسي
عضو ماسي

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

معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


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