الأربعاء، 11 مايو 2011

إضافة مؤثرات على الصور في مودونات بلوجر

http://www.alsahel.org/media/pics/1172564887.jpg 

إضافة مؤثرات على الصور في مودونات بلوجر ، وهذا التأثير يضفي على تدوينات بلوجر جمالاَ وتأثيراً مريحاً على الناظر ، وكما هو مبين في الصورة هذه:

 

 

 

 

وكما هو معروف إنتقل إلى لوحة التحكم الخاصة مدونتك، ثم إختر "تصميم" ،ثم اختر "تحريرHTML " أشر في خانة توسيع قوالب عناصر واجهة المستخدم، وقم بالبحث عن الكود التالي وطبعاً بإستخدام لوحة زري المفاتيح (CTRL+F ) :

]]></b:skin>

وضع قبله  الكود التالي : 

post img {-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}


.post img:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}


 

 


2 التعليقات:

شكراً على هذا المؤثر الجميل
لقد تم تطبيقه

إرسال تعليق

Twitter Delicious Facebook Digg Stumbleupon Favorites More