مساحة إعلانية

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://lh3.googleusercontent.com/-6r0Z0Nh4mjE/T6wLjVKJLwI/AAAAAAAABSo/k8v-Fiz1l_4/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>

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




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

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

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

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

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

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

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

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

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

    ردحذف

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


لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

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

تصميم كن مدون