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

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

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


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


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

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


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

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

مُساهمة من طرف زائر في الثلاثاء مايو 17, 2016 7:22 pm


السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي


زائر
زائر


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

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

مُساهمة من طرف 1M ThE BesT في السبت أغسطس 27, 2016 6:05 pm


1M ThE BesT
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : ذكر

الدلو

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

نقاط النشاط : 27923

السٌّمعَة : 309

بلد العضو :

العمر : 24




http://jalil.assassino

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

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

مُساهمة من طرف زائر في السبت أغسطس 27, 2016 10:22 pm


منور الموضوع


زائر
زائر


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

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

مُساهمة من طرف AmEr MaGroh في الأربعاء سبتمبر 14, 2016 11:28 pm


AmEr MaGroh
عضو نشيط
عضو نشيط

الجنس : ذكر

الدلو

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

نقاط النشاط : 435

السٌّمعَة : 10

بلد العضو :

العمر : 15


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

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

مُساهمة من طرف JAR7 في السبت يناير 28, 2017 11:47 pm


#تقنية_تكويد
#تعلم_تكويد
#برمجه_احلى_منتدى
#طور_منتداك
يعطيك العافية على العطاء
 واصل تالقك




التوقيع




JAR7
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : انثى

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

نقاط النشاط : 136488

السٌّمعَة : 2837

بلد العضو :




http://taqnyiat.ahlamontada.com/

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

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

مُساهمة من طرف El Desha El Hlawany1 في الإثنين يناير 30, 2017 11:24 am


شكرا اخي الغالي على الطرح الرائع ,,,,,واصل تالقك .... مع جزيل الشكر ..." تحية مع الشكر





El Desha El Hlawany1
فريق التصميم

فريق التصميم

الجنس : ذكر

القوس

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

نقاط النشاط : 322

السٌّمعَة : 15

بلد العضو :

العمر : 20





http://egyptian-cafe.123.st/

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

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

مُساهمة من طرف السہۣۗلہۣۗطہۣۗﭑﭑن في الجمعة فبراير 17, 2017 1:52 pm


السہۣۗلہۣۗطہۣۗﭑﭑن
نواب الادارة

نواب الادارة

الجنس : ذكر

السمك

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

نقاط النشاط : 19776

السٌّمعَة : 62

بلد العضو :

العمر : 99






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

صفحة 2 من اصل 2 الصفحة السابقة  1, 2

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

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

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

سجل معنا الان

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


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

سجل دخولك

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


سجل دخولك

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