كيفية تكبير الصور عند تمرير الماوس باستخدام - منتديات تراتيل شاعر

 ننتظر تسجيلك هـنـا

 

 

منتدياتَ تراتيل شاعرَ َ
 
 
     
فَعَالِيَاتْ تراتيل شاعر
                 



العودة   منتديات تراتيل شاعر > ๑۩۞۩๑ قسم التكنلوجيا ๑۩۞ > تطوير المواقع والمنتديات ▪●

تطوير المواقع والمنتديات ▪● ستايلات .. Style ستايل للنسخ 3.8.0 هاكات .. Product .. جميع البرامج لـ نسخ 3.7.0 .. جميع الاستيلات للنسخة الثالثه والرابعه

 
 
أدوات الموضوع إبحث في الموضوع انواع عرض الموضوع
Prev المشاركة السابقة   المشاركة التالية Next
#1  
قديم 04-19-2016, 05:09 AM
رحيل المشاعر متواجد حالياً
Saudi Arabia     Female
 
 عضويتي » 406
 جيت فيذا » Dec 2014
 آخر حضور » اليوم (12:13 AM)
آبدآعاتي » 1,155,448
 حاليآ في » البيت يلي قبل الاخير بكوكب زحل
دولتي الحبيبه »  Saudi Arabia
جنسي  »  Female
آلقسم آلمفضل  » التراث ♡
آلعمر  » 90 سنه
الحآلة آلآجتمآعية  » مرتبطه ♡
 التقييم » رحيل المشاعر has a reputation beyond reputeرحيل المشاعر has a reputation beyond reputeرحيل المشاعر has a reputation beyond reputeرحيل المشاعر has a reputation beyond reputeرحيل المشاعر has a reputation beyond reputeرحيل المشاعر has a reputation beyond reputeرحيل المشاعر has a reputation beyond reputeرحيل المشاعر has a reputation beyond reputeرحيل المشاعر has a reputation beyond reputeرحيل المشاعر has a reputation beyond reputeرحيل المشاعر has a reputation beyond repute
مشروبك   danao
قناتك carton
اشجع ahli
مَزآجِي  »  1

اصدار الفوتوشوب : Adobe Photoshop 7,0 My Camera:

My Flickr My twitter

sms ~

لاحـــول ولا قـوت الا بالله
سبحان الله وبحمده
استغفر الله واتوب اليه
 
Thumbs up كيفية تكبير الصور عند تمرير الماوس باستخدام






.كيفية تكبير الصور تمرير الماوس







اليوم سنقدم اليكم اضافة جميلة عن طريق CSS3 ، هده الاضافة عبارة عن اداة تكبير الصور او ما يعرف بزوم ZOOM لصور على مدونات البلوجر و سي اس اس 3 .


يمكن لأي صورة تكبيرها عند تحريك الماوس من فوقها مع الحفاظ على الحجم المكان المخصص لها و عند نزع الفأرة من فوق الصورة ترجع الى ما كانت عليه اي الى الحجم الأصلي .


يمكنك ايضا استخدام نفس الطريقة باستعمال JQUERY و CSS . لكن يمكن القول ان ل CSS سرعة في التصفح اضافة الى انها غير معقدة و سهلة الاستعمال .


معاينة الاضافة "ضع الماوس فوق الصورة"


كيفية تكبير الصور تمرير الماوس



شرح طريقة الاضافة على البلوجر

  • ادهب الى مدونة البلوجر ثم قالب ثم تحرير HTML
  • ابحث عن الكود الثالي ]]></b:skin>
  • ضع الكود الثالي من فوقه
.zoom-image img {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
max-width:100%;
}
.zoom-image:hover img {
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.25);
}
.zoom-image {
max-width:100%;
width:400px;
overflow:auto;
}


  • ثم اضغط على حفظ .


  • عند تحرير مشاركة اضف الكود الثالي

<div class="zoom-image"><img src="image-url"/> </div>




او

<a class="zoom-image" href="image-url"><img src="image-url"/></a>



  • مع تغيير image-url برابط الصورة .




;dtdm j;fdv hgw,v uk] jlvdv hglh,s fhsjo]hl hgw,v jlvdv fhsjo]hl j;fdv uk]




 توقيع : رحيل المشاعر




_______________________
________________


والله لو صحب الإنسانُ جبريلا لن يسلم المرء من قالَ ومن قيلا َ
قد قيل فى الله أقوالٌ مصنفة تتلى لو رتل القرآنُ ترتيلا َ
قالوا إن له ولدًا وصاحبة زورًا عليه وبهتانًا وتضليلا َ
هذا قولهمُفي.. الله خالقهم
فكيف لو قيل فينا بعض ما قيلا ..
***
انا زينـــــــــــــه




 

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
الماوس, الصور, تمرير, باستخدام, تكبير, عند, كيفية

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

Forum Jump

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
تكثير المياه بين يدى الرسول - من الاعجاز النبوى رحيل المشاعر هدي نبينا المصطفى ▪● 23 01-17-2016 06:30 PM
قواعد تكبير الأحرف Capitalization فاتن Special Language ▪● 20 12-15-2015 11:04 PM

RSS RSS 2.0 XML MAP HTML

الساعة الآن 06:21 PM



Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir
HêĽм √ 3.2 OPS BY: ! ωαнαм ! © 2010
new notificatio by 9adq_ala7sas
User Alert System provided by Advanced User Tagging (Lite) - vBulletin Mods & Addons Copyright © 2024 DragonByte Technologies Ltd.

Security team

mamnoa 4.0 by DAHOM