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

كود 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
بصمة خالدة
الجنس : ذكر

الدلو

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

نقاط النشاط : 41651

السٌّمعَة : 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
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 26534

السٌّمعَة : 89

بلد العضو :

العمر : 36

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

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

avatar
بصمة خالدة
الجنس : ذكر

الجدي

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

نقاط النشاط : 6806

السٌّمعَة : 60

بلد العضو :

العمر : 100



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


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

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



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

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

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

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

السٌّمعَة : 24

بلد العضو :

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



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