تطوير المواقع والمنتديات ▪● ستايلات .. Style ستايل للنسخ 3.8.0 هاكات .. Product .. جميع البرامج لـ نسخ 3.7.0 .. جميع الاستيلات للنسخة الثالثه والرابعه |
|
|
04-19-2016, 05:09 AM
|
|
|
|
|
كيفية تكبير الصور عند تمرير الماوس باستخدام
.
اليوم سنقدم اليكم اضافة جميلة عن طريق 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]
_______________________
________________
والله لو صحب الإنسانُ جبريلا لن يسلم المرء من قالَ ومن قيلا َ
قد قيل فى الله أقوالٌ مصنفة تتلى لو رتل القرآنُ ترتيلا َ
قالوا إن له ولدًا وصاحبة زورًا عليه وبهتانًا وتضليلا َ
هذا قولهمُفي.. الله خالقهم
فكيف لو قيل فينا بعض ما قيلا ..
***
انا زينـــــــــــــه
|
04-19-2016, 10:19 AM
|
#2
|
رد: كيفية تكبير الصور عند تمرير الماوس باستخدام
طــرح جميـــــل..||
دام التألق ...ودام عطاء نبضك
كل الشكر لهذا الإبداع,والتميز
لك مني كل التقدير ...!!
وبآنتظار روائع جديدك بكل شوق...!
ودي وعبق وردي ..||
|
|
تسلم يدينك غلاتي امجاد على الأهداء الرائع
اشكرك ياخياط على هذا تكريم الرائع ما قصرت ربي يسعدك
شكرا على تكريم الرائع ما قصرتي شموخي ياقلبي
|
04-19-2016, 11:23 AM
|
#3
|
رد: كيفية تكبير الصور عند تمرير الماوس باستخدام
سلمت وسلمت يدآك
ربي يعطيك ألــــــف عـآفيه
الله يسعد قلبك يآرب
ولا يحرمنا من آطرحآتك الرآئعه
لك كل احترامي وتقديري
|
|
|
04-19-2016, 03:10 PM
|
#4
|
رد: كيفية تكبير الصور عند تمرير الماوس باستخدام
|
|
|
04-19-2016, 06:21 PM
|
#5
|
رد: كيفية تكبير الصور عند تمرير الماوس باستخدام
يعطيك العافيه
لاعدمنـآ هذا الجمال بالطرح..
بإنتظآرجديدك بكل شوق..
ودي وشذى الورد..
|
|
|
04-19-2016, 08:25 PM
|
#6
|
رد: كيفية تكبير الصور عند تمرير الماوس باستخدام
طَرح رآئع كرَوعتكـ ،
رآق لي طرًحك
الله يعطْيكـ العآفيه
وعلى تميزًكـ بالنقلُ الجميل
مآننحرم منك ولإ من جديدكـُ
عطرٍ المسكـ أنثرهـُ في متصفحكَـ
ودى ووردى
|
|
|
04-19-2016, 08:44 PM
|
#7
|
رد: كيفية تكبير الصور عند تمرير الماوس باستخدام
سلمت يداك
دمت ودام تميز عطاائك
لروحك النرجس
|
|
|
04-19-2016, 10:46 PM
|
#8
|
رد: كيفية تكبير الصور عند تمرير الماوس باستخدام
ملاك
تواجد راقي وحضور مميز
لرووحك الجوري
|
|
|
04-19-2016, 10:46 PM
|
#9
|
رد: كيفية تكبير الصور عند تمرير الماوس باستخدام
اوراق
تواجد راقي وحضور مميز
لرووحك الجوري
|
|
|
04-19-2016, 10:46 PM
|
#10
|
رد: كيفية تكبير الصور عند تمرير الماوس باستخدام
الم
تواجد راقي وحضور مميز
لرووحك الجوري
|
|
|
تعليمات المشاركة
|
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
كود HTML معطلة
|
|
|
الساعة الآن 01:01 PM
| | | | | | | | | | |