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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

كود 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 التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها

مُساهمة من طرف 3M في السبت سبتمبر 05, 2015 11:48 am


3M
عضو خبير
عضو خبير

الجنس : انثى

السمك

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

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

السٌّمعَة : 75

بلد العضو :

العمر : 21


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

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

مُساهمة من طرف زائر في السبت سبتمبر 05, 2015 4:34 pm


منور الموضوع


زائر
زائر


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

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

مُساهمة من طرف ѕαα∂ ∂єѕιgη في السبت سبتمبر 05, 2015 4:38 pm


ѕαα∂ ∂єѕιgη
بصمة خالدة
بصمة خالدة

الجنس : ذكر

الدلو

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

نقاط النشاط : 41613

السٌّمعَة : 280

بلد العضو :

العمر : 17


http://WwW.t-AlTwEr.CoM

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

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

مُساهمة من طرف زائر في السبت سبتمبر 05, 2015 4:49 pm


منور الموضوع


زائر
زائر


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

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

مُساهمة من طرف صرخة ألم في السبت سبتمبر 05, 2015 9:55 pm


تسلمى أيدك ي جرح
ممتازة وأبداع مبدعة وفنانة من يومك




التوقيع



صرخة ألم
عضو نشيط
عضو نشيط

الجنس : ذكر

السرطان

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

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

السٌّمعَة : 12

العمر : 25


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

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

مُساهمة من طرف زائر في السبت سبتمبر 05, 2015 11:33 pm


منوووووووووور


زائر
زائر


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

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

مُساهمة من طرف almaldin في السبت فبراير 06, 2016 12:31 pm


بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن





almaldin
الادارة العليا

الادارة العليا

الجنس : ذكر

الاسد

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

نقاط النشاط : 20869

السٌّمعَة : 57

بلد العضو :

العمر : 36





http://www.ibda3araby.com/

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

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

مُساهمة من طرف Mr.LoLo في الأحد فبراير 07, 2016 6:16 pm


كوددد جميل
شكككرآ   ~




التوقيع


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

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




Mr.LoLo
عضو دهبي
عضو دهبي

الجنس : ذكر

نقاط التفاعل : 3 نقاط

الجدي

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

نقاط النشاط : 6163

السٌّمعَة : 54

بلد العضو :

العمر : 99


http://bank.ahlamontada.com/

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

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

مُساهمة من طرف THE ROCK في الأحد فبراير 07, 2016 6:42 pm


كود وتطوير رائعه
يعطيك العافيه وتسلم الأيادي المتألقه
على روعة ماخطت لنا من ابجديات واكواد ماسيه
بإنتظار روائعك القادمه بشوووق




التوقيع




THE ROCK
عضو فعال
عضو فعال

الجنس : ذكر

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

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

السٌّمعَة : 24

بلد العضو :


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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

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