دليل المدون

2012-07-03

كود Html تكبير الصورة بمرور الماوس عليها photo zoom code

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

قدمت من قبل طريقة لتكبير الصور بطريقة جميلة بإستخدام أكواد CSS
واليوم أقدم كود Html   لتكبير الصور للمواقع والمدونات والمنتديات
بمرور مؤشر الماوس عليها تزيد مساحة الصورة لتصبح أكثر وضوحا
image hover zoom effect

 يمكنك تمرير الماوس على الصورة التالية لتجربة الكود

 

طريقة تركيب الكود لمدونات بلوجر:

رفع الصور بروابط مباشرة يمكنك الرفع من هــناااااا
هذا الكود يتم تطبيقه داخل الموضوع بمعنى أثناء تحرير الموضوع إنتقل إلى جهة تحرير HTML

ثم أضع رابط الصورة بداخل هذا الكود

<center>
<image src="رابط الصورة" onmouseover="this.height='300';this.width='300'" 
onmouseout="this.height='200';this.width='200'"
height="200" width="200">
<center>
<center>
<a href="http://conda3ianllkhir.blogspot.com/"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT61IL7cDq0PavKjR0boorRHD1Cb8mdC-yIxym2TGcDv7SzEKXwaDFrDZMoRWxM41HONz0zdx3cVtAHTfZR84_SLxZmUy3A28fITUy6uaKnGREKhkgGNAXmAvJIhH1quJApq8kNjCTWS4b/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>
<center></center></center>

تابع أيضا طرق أرشفة الصور بمدونات بلوجر




تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا  
تصميم مواقع إلكترونية و تطبيقات بأقل الأسعار

هناك 9 تعليقات

  1. كود جميل
    جزاك الله خيراً أختي الفاضلة

    ردحذف
  2. السلام عليكم لدي موقع علي webs.com وحولته الي بريمير اشتريت يعني وليس فيه خاصيه تكبير الصور www.candlemaniaegypt.comاتمني ان يفيدني كيف التعامل معه

    ايضا جربت نسخ الكود ووضع اسم الصوره بلمكان المخصص في الكود لم تزهر الصوره
    جزاكم خيرا وياريت حد يساعدني في قفل الصور ايضا

    ردحذف
  3. السلام عليكم استفسار عن كيفية التوقيع اخر التدوينة مع صورة

    ردحذف
  4. @ manal alqurashy
    أرجو توضيح أكثر للمشكلة ..شكرا لمتابعتك

    @ Muhammad Ali
    شرح تركيب التوقيع آخر التدوينة على الرابط
    http://www.condaianllkhir.com/2012/09/author-widget-blogger.html

    ردحذف
  5. كود جميل شكرا لكي

    ردحذف
  6. ممكن حل سؤال لدي ؟؟ضروري

    ردحذف
  7. صمم صفحة html تظهر بها صورة بحجم صغير على ان يتم تكبير الصورة عند وضع مؤشر الفارة عليها وان لايزيد الحجم عن ضعف الحجم الاصلي, وتصغر عند ابعاد المؤشر عنها
    "ضرووري لو سمحتم "

    ردحذف
    الردود
    1. أعتذر كثيرا عن طلبات التصميم لضيق الوقت ..مع تمنياتى بالتوفيق

      حذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون