منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها
 

 كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها

اذهب الى الأسفل 
انتقل الى الصفحة : 1, 2  الصفحة التالية
كاتب الموضوعرسالة
زائر
زائر
avatar


كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالسبت سبتمبر 05, 2015 2:07 am

كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها

السلام عليكم ورحمة الله وبركاته

كود css يوضع بورقة css تعمل على الاتي :

التحكم بحجم الصور الكبيرة بجعلها لا تزيد عن مقاس معين حفظ على مظهر الموضوع وعدم تشوة

عمل تاثير على الصور بإزاحة على اليسار او اليمين او تحت او فوق حسب الامر الذي تعطية بالكود

صورة لعمل الكود

كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها 2i8kpyq

https://2img.net/h/oi57.tinypic.com/2i8kpyq.gif

واجهة الابداع حجمها اكثر من 600 بيكسل لذا فهي تصغر تلقائي بالاضافة لعمل تاثير وهو الحركة نحو اليسار بانسيابية

الكود


الكود:
.postbody img {
    max-width: 600px;
    /* Resize the image for IE6 */
    width: expression(this.width > 600 ? 600: true);
}  

/*SIDEPAN*/
.postbody img {
  margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}

.postbody img:hover {
  margin-left: -10px;
}

الكود من برمجتي وتعديلي فارجوا حفظ المصدر عند النقل

العناصر القابله للتغيير

600px
اقصى حجم للصور القابله للتصغير
margin-left: -10px;
اتجاه الحركة ومقياس المسافة التي يتحرك فيها الصورة

كود الحركة للاعلى

الكود:
.postbody img {
    max-width: 600px;
    /* Resize the image for IE6 */
    width: expression(this.width > 600 ? 600: true);

/*VERTPAN*/
.postbody img {
  margin-top: 0px;
  -webkit-transition: margin 1s ease;
    -moz-transition: margin 1s ease;
      -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}

.postbody img:hover {
  margin-top: -20px;
}





دمتم بخير


عدل سابقا من قبل JAR7 في السبت سبتمبر 05, 2015 2:22 am عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
RomanTic Girl
عضو محترف 

RomanTic Girl

انثى
الحمل
عدد المساهمات : 1885
نقاط النشاط : 2217
السٌّمعَة : 111
بلد العضو : كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Egypt10
العمر : 22

كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالسبت سبتمبر 05, 2015 2:13 am

شكرا كتير ليكى جرح ع الموضوع الرائع
ننتظر جديدك


الأنثى : لا تريد منك المستحيل , هي فقط تريدك أن تكون مثل الرجل الذي تتمناه أنت لشقيقتك.
كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها 941504ea9b1b1
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالسبت سبتمبر 05, 2015 3:00 am

منووووووووووووووورة اختي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Abshahad
سوبر الإبداع 

Abshahad

ذكر
الاسد
عدد المساهمات : 23607
نقاط النشاط : 27156
السٌّمعَة : 90
بلد العضو : كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Sudan10
العمر : 40

كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالسبت فبراير 06, 2016 1:32 pm

بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو : كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Saudi-10
العمر : 22

كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالأحد فبراير 07, 2016 6:53 pm

كوددد جميل
شكككرآ كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها 1607768772 كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها 2070821343 ~
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
Mr. Loay
سوبر الإبداع 

Mr. Loay

ذكر
الجوزاء
عدد المساهمات : 6242
نقاط النشاط : 7090
السٌّمعَة : 65
بلد العضو : كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Saudi-10
العمر : 17

كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالأحد فبراير 07, 2016 7:08 pm

كوددد جميل
شكككرآ كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها 1607768772 كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها 2070821343 ~


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

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


كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Uia_io10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
THE ROCK
عضو خبير 

THE ROCK

ذكر
عدد المساهمات : 668
نقاط النشاط : 988
السٌّمعَة : 24
بلد العضو : كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Egypt10

كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالأحد فبراير 07, 2016 7:55 pm

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



كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها 1011_md_13129827261
كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها 1411_m10
كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Uia_oo10
كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Uia_oo12
كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Dua_ui10
كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Uia_od10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالأحد فبراير 07, 2016 8:35 pm

منورين جميعا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Abshahad
سوبر الإبداع 

Abshahad

ذكر
الاسد
عدد المساهمات : 23607
نقاط النشاط : 27156
السٌّمعَة : 90
بلد العضو : كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Sudan10
العمر : 40

كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالخميس فبراير 11, 2016 10:38 am

جزاك الله خير دمتي في حمي الرحمن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com/
زائر
زائر
avatar


كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالثلاثاء مايو 17, 2016 8:38 pm

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

تحياتــي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Basil Abdallah
سوبر الإبداع 

Basil Abdallah

ذكر
السمك
عدد المساهمات : 11107
نقاط النشاط : 11943
السٌّمعَة : 70
بلد العضو : كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Jordan10
العمر : 26

كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالأربعاء يوليو 13, 2016 12:52 am

شكر جزيلا للطرح القيم
ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي وتقديري لك
@CLARO@
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالسبت أغسطس 27, 2016 6:57 pm

كود جميل شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
1Black Swan
عضو محترف 

1Black Swan

ذكر
الجدي
عدد المساهمات : 1432
نقاط النشاط : 1522
السٌّمعَة : 34
بلد العضو : كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Algeri10
العمر : 104

كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالسبت أغسطس 27, 2016 9:54 pm

كوددد جميل
شكككرآ ~
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالسبت أغسطس 27, 2016 11:14 pm

منور الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها   كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها Emptyالخميس سبتمبر 15, 2016 12:33 am

شكرااا

كود رائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 2انتقل الى الصفحة : 1, 2  الصفحة التالية

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