اضافه الاضاءه للصور

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

وللاضافه الكود
اذهب الى لوحه التحكم واضغط على القالب
ثم اضغط على تحرير 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> 

وبالتوفيق ان شاء الله تعالى ولاتنسو الدعاء لنا ولوالدينا
ودعمنا على الفيس  

شاركه على فيسبوك شاركه على تويتر شاركه على جوجل بلس

عن Unknown