آخبار الموقع
recent
404
نعتذر , لا نستطيع ايجاد الصفحة المطلوبة
  • العودة الى الصفحة الرئيسية
  • الاثنين، 12 سبتمبر، 2016

    إضافة تأثيرات إحترافية علي الصور

    إضافة تأثيرات إحترافية علي الصور


    هذه المرة علي مدونتي سوف أشرح كيفية إضافة تأثيرات علي الصور فهذه الإضافة لها فائدة من أجل جذب الإنتباه الزائر إلي المدونة أكثر ، فإذا كنت تريد تصميم قالب بلوجر جذاب فعليك بإضافة تأثيرات علي المدونة ولكن لا تكثر منها لأنها تؤدي إلي بطئ التصفح سوف أتكلم عن إضافة تأثير أبيض واسود وألوان متعدد.
    شرح تركيب التاثيرات :

    1. أولا من لوحة تحكم القالب ثم إلي قسم القالب وبالضغط علي تحرير HTML
    2. بعد هذا قم بالبحث عن هذا الوسم  }]]></b:skin> 
    3. ثم إلصق الأكواد الأتية قبله.
    #efek-gambar a img:hover { -webkit-filter:none; /*Returns to default*/; }
    #efek-gambar a img.brightness:hover { -webkit-filter:brightness(0); }
    .blur { -webkit-filter:blur(3px); }
    .contrast { -webkit-filter:contrast(160%); }
    .grayscale { -webkit-filter:grayscale(100%); }
    .huerotate { -webkit-filter:hue-rotate(180deg); }
    .invert { -webkit-filter:invert(100%); }
    .opacity { -webkit-filter:opacity(50%); }
    .saturate { -webkit-filter:saturate(3); }
    .sepia { -webkit-filter:sepia(100%); }
    .brightness { -webkit-filter:brightness(0.25); }

    1.  عندما تقوم بعمل تدوينة إذهب إلي تبويب HTML
    <div id="efek-gambar">
    <img class="blur" src="هنا رابط الصورة" />
    </div>

    1.  قم بالتغير ما هو باللون الأحمر إلي ما يأتي
    2. .قم بالتغير هذا التأثير blur إلي التأثيرات الاتية contrast , grayscale  , huerotate , invert  , opacity , saturate  , sepia  , brightness 
    3. قم بالتغير كذلك رابط الصورة
    تابعونا على

    أنا عادل إبراهيم مؤسس موقع إتقان ويب هدفي الأول هو تطوير المحتوي العربي وذلك عن طريق مدونتي التي أنشر فيها دروس وشروحات تقنية يوميا لي خبرة في البرمجة والتصميم والموشن جرافيك وغيرها

    الكاتب : Adel Ibrahim

    ليست هناك تعليقات:

    إرسال تعليق

    تصميم : عالم المدون