اضافه الاضاءه للصور فى مدونتك

السلام عليكم ورحمه الله وبركاته والصلاه والسلام على رسول الله الكريم سيدنا محمد (صلى الله عليه وسلم).

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

والان مع التركيب

اذهب الى لوحه التحكم واضغط على القالب
ثم اضغط على تحرير "HTML"
ثم فى المربع التى تظهر فيه الاكواد اضغط "CTRL+F"

ثم ابحث عن هذا الكود   </head>

ثم تضع فوقه مباشره هذا الكود

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>

ثم احفظ القالب وبهذا فقد انتهيت واذا واجهتك اى مشكله فأترك تعليقا وسيتم الرد عليك فى الحال.