هذه المرة علي مدونتي سوف أشرح كيفية إضافة تأثيرات علي الصور فهذه الإضافة لها فائدة من أجل جذب الإنتباه الزائر إلي المدونة أكثر ، فإذا كنت تريد تصميم قالب بلوجر جذاب فعليك بإضافة تأثيرات علي المدونة ولكن لا تكثر منها لأنها تؤدي إلي بطئ التصفح سوف أتكلم عن إضافة تأثير أبيض واسود وألوان متعدد.
- أولا من لوحة تحكم القالب ثم إلي قسم القالب وبالضغط علي تحرير 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
- قم بالتغير كذلك رابط الصورة
0 التعليقات