17‏/05‏/2010

اضافة تأثير على صور المدونة

Share
بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله .
================
المعاينة من هنا (قد يظهر التأثير أجمل على مدونتك)

نبدأ على بركة المولى ::


أولا :
نقوم بالتالي

مهم : التخطيط ==> تحرير HTML ونقوم بتحميل نسخة عن القالب (احتياطا)



[7-12-2009+11-34-45+PM.jpg]

والآن نتوجه إلى : لوحة التحكم ==> التخطيط ==> تحرير html


[22-08-2009+15-39-59.png]


نقوم بتوسيع القالب :


http://2.bp.blogspot.com/_ujXOhhPHVf8/SVup4w1V3-I/AAAAAAAAA38/eYNcNjlQOQ4/s400/%D8%B4%D8%B1%D8%AD2.jpg


والآن نبحث (Ctrl + F) عن الكود التالي :  </head>


والآن ألصق الكود التالي فوق الكود السابق (الأحمر) :
تنبيه: تأكد من نسخ الكود كاملاً :




<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/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>




إضغط "معاينة" إذا نجحت الطريقة فقم "بالحفظ"

والسلام عليكم ورحمة الله .
الشرح بالفيديو :

5 تعليقات:

arwa-naser on 8 نوفمبر 2010 5:40 ص يقول...

رائعه ضبطت معي
شكراً لك

اخبار غريبة و طريفة on 11 أبريل 2011 3:45 ص يقول...

شكرا اخي على مواضيعك المميزة والحصرية
اتمنى لك الصحة والعافية في انتضار جديدك
احترامي

sNoOoKeR on 8 مايو 2011 6:45 ص يقول...

الله يجزآك الخير آخويّ الغـآليّ ,

شروحآت ولآ آروع .. الله لآيحرمك الآجرّ

ووآصل وبآنتضآؤ القآدم .. ق1

~

سامى أبو سريع on 29 مارس 2012 11:30 ص يقول...

جزاك الله خيرا اخى شرح اكثر من ممتاز لا تعقيدات فيه

سامى أبو سريع on 29 مارس 2012 11:36 ص يقول...

يشرفنى ان ااخذ رد حضرتك فى مدونتى هذه

http://samiaboserea.blogspot.com/

إرسال تعليق

السلام عليكم ورحمة الله

شكرا أخي/أختي على الاهتمام

شرف لي أن تحتوي مدونتي على ردك

.
يرجى الانتظار ...
.
 

ضع ايميلك واحصل على جديدنا فيه :

من أنا

صورتي
بسم الله الرحمــن الرحيم السلام عليكم ورحمة الله تعالى وبركاته أما بعد : لقد بدأت هذه المدونة -على أمل أن تصل لمستوى جيد - ورغم أني لا أعرف ماذا أضع فيها أو كيف أبدأها، لكن يقال ''رحلة الـ 1000 ميل تبدأ بخطوة'' وهذا ما سأفعله -بإذن الله- حيث أدعو الله أن يوفقنا في أعمالنا . . . والله ولي التوفيق . اللهم أنصر اخواننا في غزة - وأهِن أعداءك أعداء الدين -يا رب العالمين-.
مدونة الحلم Copyright © 2009 Blogger Template Designed by Bie Blogger Template
أعلى الصفحة