الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخول  





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

 

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

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

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


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


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

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

    أليكم الكود
    الكود:
        .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);
        } 

    ثانيا:
    الكود يقوم بعمل حركة التصغير للصورة بعكس الحركة الاولى
    صورة للمثال
    كود لأضافة حركة مميزة للصور في المساهمات  978a6p

    الكود:
        .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   كود لأضافة حركة مميزة للصور في المساهمات  Emptyالسبت أغسطس 13, 2016 8:28 pm

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

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

    avatar
    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.
    تحويل وتطوير وليد رمضان مؤسس شبكة أحلى موضوع