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

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

عضو فعال
عدد المساهمات : 668

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

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

زائر
زائر
تمت المشاركة في الثلاثاء مايو 17, 2016 7:22 pm
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي

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

زائر
زائر
تمت المشاركة في السبت أغسطس 27, 2016 6:05 pm
كود جمييل شكرا لك

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

زائر
زائر
تمت المشاركة في السبت أغسطس 27, 2016 10:22 pm
منور الموضوع

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

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 11:28 pm
شكرااا

كود رائع

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

avatar
بصمة خالدة
الجنس : انثى

السمك

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

نقاط النشاط : 140976

السٌّمعَة : 2955

بلد العضو :

العمر : 31



معاينة صفحة البيانات الشخصي للعضوhttp://taqnyiat.ahlamontada.com/
تمت المشاركة في السبت يناير 28, 2017 11:47 pm
#تقنية_تكويد
#تعلم_تكويد
#برمجه_احلى_منتدى
#طور_منتداك
يعطيك العافية على العطاء
 واصل تالقك
التوقــيـــــــــــــــــــــع



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

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

القوس

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

نقاط النشاط : 719

السٌّمعَة : 38

بلد العضو :

العمر : 20

معاينة صفحة البيانات الشخصي للعضوhttp://egyptian-cafe.123.st/
تمت المشاركة في الإثنين يناير 30, 2017 11:24 am
شكرا اخي الغالي على الطرح الرائع ,,,,,واصل تالقك .... مع جزيل الشكر ..." تحية مع الشكر
التوقــيـــــــــــــــــــــع

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

avatar
نائب الادارة

الجنس : ذكر

السمك

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

نقاط النشاط : 23350

السٌّمعَة : 103

بلد العضو :

العمر : 16

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الجمعة فبراير 17, 2017 1:52 pm
يعطيك العافية
التوقــيـــــــــــــــــــــع


يا رب ان كان هناك حاسدا يكره أن يرانى سعيدا فأرزقه سعادة تنسيه أمر سعادتى
وردة حمراءوردة حمراء

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

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

القوس

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

نقاط النشاط : 35985

السٌّمعَة : 84

بلد العضو :

العمر : 31

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الثلاثاء مارس 21, 2017 1:14 am
بارك الله بيك
واصل
التوقــيـــــــــــــــــــــع

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

avatar
عضو محترف
الجنس : انثى

الثور

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

نقاط النشاط : 2081

السٌّمعَة : 9

بلد العضو :

العمر : 16




معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الثلاثاء مارس 21, 2017 1:20 am
طرح مميز يعطيك العافية
التوقــيـــــــــــــــــــــع


أنـا فـتاة لآ أخــسـر #كــبريآئـي من أجـل بــقايـا حـب ،،
فـأنا أنـثــى لآيسـتطـيع أن يلــوي ذراعـي رجــل ...
أستطيـع ترک أغـلى شيء وأنا فـي قمـة السـعادة #واثـقة_من_نفـسي لـدرجـة أنـک لآ تـتحمـل #غـروري ...
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads