شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

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

زائر
زائر
تمت المشاركة في السبت سبتمبر 05, 2015 2:22 am
كود 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%;
}



دمتم بخير

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

avatar
عضو خبير
الجنس : انثى

السمك

عدد المساهمات : 1113

نقاط النشاط : 1206

السٌّمعَة : 75

بلد العضو :

العمر : 22

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في السبت سبتمبر 05, 2015 11:48 am
كود رائع
سلمت يمناك
في انتظار المزيد من ابداعاتك
التوقــيـــــــــــــــــــــع

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

زائر
زائر
تمت المشاركة في السبت سبتمبر 05, 2015 4:34 pm
منور الموضوع

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

avatar
بصمة خالدة
  •  

  • الجنس : ذكر

    الدلو

    عدد المساهمات : 37109

    نقاط النشاط : 41657

    السٌّمعَة : 282

    بلد العضو :

    العمر : 18

    معاينة صفحة البيانات الشخصي للعضوhttp://WwW.t-AlTwEr.CoM
    تمت المشاركة في السبت سبتمبر 05, 2015 4:38 pm
    كود جميل ي جرح وردة حمراء.
    التوقــيـــــــــــــــــــــع

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

    زائر
    زائر
    تمت المشاركة في السبت سبتمبر 05, 2015 4:49 pm
    منور الموضوع

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

    avatar
    عضو نشيط
    الجنس : ذكر

    السرطان

    عدد المساهمات : 281

    نقاط النشاط : 461

    السٌّمعَة : 12

    العمر : 26

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في السبت سبتمبر 05, 2015 9:55 pm
    تسلمى أيدك ي جرح
    ممتازة وأبداع مبدعة وفنانة من يومك
    التوقــيـــــــــــــــــــــع


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

    زائر
    زائر
    تمت المشاركة في السبت سبتمبر 05, 2015 11:33 pm
    منوووووووووور

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

    avatar
    بصمة خالدة
  •  

  • الجنس : ذكر

    الاسد

    عدد المساهمات : 23062

    نقاط النشاط : 26540

    السٌّمعَة : 90

    بلد العضو :

    العمر : 37

    معاينة صفحة البيانات الشخصي للعضوhttps://www.ibda3araby.com/
    تمت المشاركة في السبت فبراير 06, 2016 12:31 pm
    بارك الله فيك  وجعله الله لك في ميزان
    حسناتك دمت في  حمي الرحمن
    التوقــيـــــــــــــــــــــع

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

    avatar
    بصمة خالدة
  •  

  • الجنس : ذكر

    الجدي

    عدد المساهمات : 6241

    نقاط النشاط : 7087

    السٌّمعَة : 65

    بلد العضو :

    العمر : 101

    معاينة صفحة البيانات الشخصي للعضوhttp://bank.ahlamontada.com/
    تمت المشاركة في الأحد فبراير 07, 2016 6:16 pm
    كوددد جميل
    شكككرآ   ~
    التوقــيـــــــــــــــــــــع


    سبحان الله وبحمده ..
              سبحان الله العظيم ...

    اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين



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

    avatar
    عضو فعال
    الجنس : ذكر

    عدد المساهمات : 668

    نقاط النشاط : 988

    السٌّمعَة : 24

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الأحد فبراير 07, 2016 6:42 pm
    كود وتطوير رائعه
    يعطيك العافيه وتسلم الأيادي المتألقه
    على روعة ماخطت لنا من ابجديات واكواد ماسيه
    بإنتظار روائعك القادمه بشوووق
    التوقــيـــــــــــــــــــــع



    استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
    صلاحيات هذا المنتدى:
    لاتستطيع الرد على المواضيع في هذا المنتدى
    Propellerads                                                                           Propellerads
    Top