إضافة تكبير الصور بعد مرور مؤشر الفأرة عليها

| تعليقات (11)

السلام عليكم ورحمة الله
معكم اخوكم عفريت بلوجر وفي جديد مواضيعي بعد غيبة طويلة لابد من الرجوع للقائكم و مشاركة مواضيع مفيدة معكم دائما لتطوير مدوناتنا و الرقي بها

درس اليوم هو كيفية جعل الصور تكبر عند مرور مؤشر الماوس عليها وهي جد رائعة وسهلة جدا يتم إضافتها بالإستعانة ببعض أكواد ال CSS و JQuery

قبل أن تتابع معي الشرح شاهد هذه الصورة التي لم أقم بإضافة التاثير عليها ثم شاهد الصورة الثانية التي قمت بإضافة التأثير عليها


[الصورة 1]

[الصورة 2]
 
 
 الأن تابع معي كيفية إضافتها لمدونتك بسهولة


1 - في لوحة تحكم موقعك أو مدونتك قم بالتوجر لتحرير HTML 
وقم بالبحث عن الوسم التالي
]]></b:skin> 

وقبله مباشرة قم بنسخ الكود التالي




 

2- الخطوة الثانية قم بالبحث عن الوسم 
</head>

وقم بنسخ الكود التالي ايضاً قبله مباشرة





3 -الأن ما عليك إلا أن تنسخ رابط الصورة التي تريد أن يحدث عليها التاثير في اي مكان في مدونتك داخل هذا الكود سواء في عنصر جديد من هناصر الواجهة أو في تدويناتك...

<ul class="thumb">
<li><img src="رابط صورتك هنا" /></a></li>
</ul>





+ تعليقات + 11 تعليقات

>>
غير معرف
30 مارس 2014 في 7:58 ص

شكرا لك تدوينة فضيعة ومميزة ما شاء الله

6 أبريل 2014 في 3:15 م

مشكور اخى شرح جدا رائع الله يجازيك خير

8 أبريل 2014 في 4:15 ص

بالتوفيق لكم جميعاً ^^

3 يونيو 2014 في 1:33 م

السلام عليكم عندي مدونة صور
http://www.mchaabat-decoration.com/
فيها صور كثيرة وبدي ساوي هالشغلة اذا ممكنة لكل الصور بس كل صورة بدي حط رابطها ؟؟
كثيرة بالمرة لان الصورة كثيرة

4 يونيو 2014 في 6:43 ص

وعليكم السلام ورحمة الله وبركاته
سأحاول وضع شرح مقرب من هدا في قادم المواضيع
عدرا لانشغالي وأتمنى لك التوفيق ^^

27 يونيو 2014 في 1:54 م

شكرا لك
http://basmatkhair.blogspot.com/

1 يوليو 2014 في 6:53 م

بارك الله فيك اخي :)

16 يوليو 2014 في 5:29 ص

مشكور على المعلومات المفيدة
https://www.youtube.com/user/4Gamalek

18 أغسطس 2014 في 8:16 ص

السلام عليكم جزاك الله خيرا


http://hamam1231.blogspot.com

12 مارس 2015 في 12:20 م

goooooooood

11 يونيو 2015 في 5:33 م

عاجل تغيير اسم المدونه من مدونه عبدالله شريف الى البروفيسور| el professor
http://www.th3professor.com/2015/06/el-professor.html

إرسال تعليق

مرحبا بتعليقاتكم وردودكم

Related Posts Plugin for WordPress, Blogger...
 
مدوناتي : الرضوان | عفريت بلوجر | Radouane Ouarhou blog | © 2010 - 2015 - جميع الحقوق محفوظة مدونة عفريت بلوجر
PageRank Checking Icon