الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  المجموعاتالمجموعات  التسجيلالتسجيل  دخول  



قالب viewtopic_body ملائم لجميع الاستايلات من برمجة وتطوير احلى موضوع
ازرار اضافية في المحرر لأدراج ملاحظات وتحذيرات والمزيد حصرياً على منتديات احلى موضوع
تكاثر البلبل في القفص من الالف الى الياء
استايل ترايدنت الحالي الاحترافي 2016 مجانا للجميع
استايل هيلبرنت لاحلى منتدى كامل بالتومبيلات
تحميل ستيل الابداع العربى مجانا بروابط جديدة
حصرياً التعديل على قوالب علبة الدردشة تومبيلات وهي مخفية في منتداك
أضافة زر حذف الرابط في الصندوق الماسي لأحلى منتدى
استايل حفر الباطن تومبيلات متعدد الالوان
الخميس يوليو 27, 2017 11:04 pm
الأحد يوليو 23, 2017 11:41 pm
الإثنين يوليو 17, 2017 1:49 pm
السبت يوليو 08, 2017 4:12 am
السبت يوليو 08, 2017 4:12 am
السبت أبريل 01, 2017 1:33 pm
الجمعة ديسمبر 23, 2016 12:12 pm
الجمعة ديسمبر 23, 2016 12:10 pm
الجمعة نوفمبر 04, 2016 8:06 pm
محمود السيد
ahmed halim
ADEL
ahmed halim
ahmed halim
عبدالله الوكيل
Mc Nabulsy
Mc Nabulsy
shvr hgrg,f



منتديات احلى موضوع :: تطوير منتديات احلى منتدى :: تقنيات احلى منتدىشاطر | 

 

 كود لأضافة حركة مميزة للصور في المساهمات

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
رسالة
مُساهمةموضوع: كود لأضافة حركة مميزة للصور في المساهمات    السبت يوليو 30, 2016 10:50 am

avatar
MR Code
كاتب مميز
المشاركات : 20
نقاط : 44
تاريخ التسجيل : 30/07/2016
الإجابات المقدمة: 1
السبت يوليو 30, 2016 10:50 am
المشاركة 1
نشاط MR Code
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: كود لأضافة حركة مميزة للصور في المساهمات
    كود css لأضافة حركة التكبير و التصغير للصور في المساهمات


    اليوم نقدم لكم كودين عبارة عن css يمكنكم أختيار كود


    الأول
    عبــارة عن كود يقوم بتكبير الصور في المساهمات بشـكل مميز يفضله الكثيرون
    صورة للمثال



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

        /*GROW*/
        .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 {
          max-width: 600px;
            /* Resize the image for IE6 */
            width: expression(this.width > 600 ? 600: true);
        } 

    ثانيا:
    الكود يقوم بعمل حركة التصغير للصورة بعكس الحركة الاولى
    صورة للمثال


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

        /*GROW*/
        .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 {
          max-width: 500px;
            /* Resize the image for IE6 */
            width: expression(this.width > 500 ? 500: true);
        } 


    هذه الاكواد عبارة عن css يتم أضافتها في ورقة تصميم css



    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    مُساهمةموضوع: _da3m_2   السبت أغسطس 13, 2016 8:28 pm

    abd allah
    عضو جديد
    المشاركات : 28
    نقاط : 30
    تاريخ التسجيل : 12/08/2016
    الإجابات المقدمة: 1
    السبت أغسطس 13, 2016 8:28 pm
    المشاركة 2
    نشاط abd allah
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: _da3m_2
    موضوع رائع بوركت


    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    مُساهمةموضوع: رد: كود لأضافة حركة مميزة للصور في المساهمات    الثلاثاء أغسطس 30, 2016 11:21 am

    alzagri
    عضو جديد
    المشاركات : 38
    نقاط : 42
    تاريخ التسجيل : 15/08/2016
    الإجابات المقدمة: 1
    الثلاثاء أغسطس 30, 2016 11:21 am
    المشاركة 3
    نشاط alzagri
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: رد: كود لأضافة حركة مميزة للصور في المساهمات
    جميل جدااااااااااا


    جاري التركيب

    وشكرااااااا

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

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

    الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 20:53.
    المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
    فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
    التعليقات المنشورة لا تعبر عن رأي منتدى احلى موضوع ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

    •  
    •  
    •  
    •  
    جميع الحقوق محفوظة AHLAMAWDO 2015
    • 00966920020037
    • 00966138648289
    • 2051033691
    Powered by AHLMAWDO.COM® Version 3.8.7 .Copyright ©2000 - 2016, Jelsoft Enterprises Ltd
    SEO by vBSEO ©2011, Crawlability, Inc.
    تحويل وتطوير وليد رمضان مؤسس شبكة أحلى موضوع