هذه المرة علي مدونتي سوف أشرح كيفية إضافة تأثيرات علي الصور فهذه الإضافة لها فائدة من أجل جذب الإنتباه الزائر إلي المدونة أكثر ، فإذا كنت تريد تصميم قالب بلوجر جذاب فعليك بإضافة تأثيرات علي المدونة ولكن لا تكثر منها لأنها تؤدي إلي بطئ التصفح سوف أتكلم عن إضافة تأثير أبيض واسود وألوان متعدد.
شرح تركيب التاثيرات :
- أولا من لوحة تحكم القالب ثم إلي قسم القالب وبالضغط علي تحرير HTML
- بعد هذا قم بالبحث عن هذا الوسم }]]></b:skin>
- ثم إلصق الأكواد الأتية قبله.
#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); }
- عندما تقوم بعمل تدوينة إذهب إلي تبويب HTML
<div id="efek-gambar">
<img class="blur" src="هنا رابط الصورة" />
</div>
- قم بالتغير ما هو باللون الأحمر إلي ما يأتي
- .قم بالتغير هذا التأثير blur إلي التأثيرات الاتية contrast , grayscale , huerotate , invert , opacity , saturate , sepia , brightness
- قم بالتغير كذلك رابط الصورة