كيفية تجعل صور مدونتك اكثر روعة وجمال بهذا الكود

بسم الله الرحمن الرحيم متابعي مدونة فكرة مدون
والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .
مساء الخير او صباح الخير على الكل .

اضافة مترو ويندوز 8 على مدونتك في بلوجر

في هذه التدوينة سوف اضع من أجمل تأثيرات على مدونات بلوجر وليس فقط تأثير واحد بل اثنان ففي الكود الاول الذي يتحكم بالالوان فبمجرد مرور الماوس على الصورة سوف يتغير الالوان الخاصة بالصورة كما في هذا المثال :

كيفية تجعل صور مدونتك اكثر روعة وجمال بهذا الكود

نبدأ على بركة الله

اولاً نقوم بالذهاب إلى القالب ثم تحرير HTML . ثانياً نقوم بالبحث بإستخدام ( Ctrl + F ) عن هذه الجملة " ]]></b:skin> " ثالثاً نقوم بوضع هذا الكواد

.post-body img {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><fecolormatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

 /* Firefox 3.5+ */

    filter: gray;

 /* IE6-9 */

    -webkit-filter: grayscale(100%);

 /* Chrome 19+ & Safari 6+ */;

}

.post-body img:hover {

    filter: none;

    -webkit-filter: grayscale(0%);

}