منطقة الاعضاء


كلمة الادارة
تم بإذن الله فتح التبادل الاعلاني مع منتديات بيت الجزائر لكل العرب ، فلمن يهمه الامر يضع طلبه في القسم الخاص بالتبادل مح وصف المنتدى
 

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

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

بيت الجزائر لكل العرب

اسم الموضوع: حصريا هنا تأثير الـــcss على الصندوق الماسيالإثنين 19 فبراير 2018 - 5:48 من طرفعريب في بلادي اسم الموضوع: [code] روبوت كاتب الردود الذكي لاحلي منتديالأحد 18 فبراير 2018 - 8:14 من طرفعريب في بلادي اسم الموضوع: كود حصري جدا لوضع أدوات الموضوع فوق صندوق الرد - تحديث -الأحد 18 فبراير 2018 - 7:54 من طرفعريب في بلادي اسم الموضوع: قالب زخرفة الاسماء حصريالأحد 18 فبراير 2018 - 7:49 من طرفعريب في بلادي اسم الموضوع: موقع اخر المواضيع الاوتوماتيكي الملون والحديثالأحد 18 فبراير 2018 - 7:38 من طرفعريب في بلادي اسم الموضوع: حصريا هنا و فقط كود صفحة الاتصال بناالأحد 18 فبراير 2018 - 7:29 من طرفعريب في بلادي اسم الموضوع: [تومببيلت] كود الدخول السريع بشكل احترافي السبت 17 فبراير 2018 - 14:17 من طرفعريب في بلادي اسم الموضوع: تومبيلات ستايل متعدد الالوان من تحويل الفهلويالجمعة 16 فبراير 2018 - 2:35 من طرفعريب في بلادي اسم الموضوع: حصري استايل البرواز المجاني الاحترافي بالتومبيلات ( بألوان الازرق ) الجمعة 16 فبراير 2018 - 2:27 من طرفعريب في بلادي اسم الموضوع: جديد 2016 تقنية الدخول للمنتدى مثل قوقلالجمعة 16 فبراير 2018 - 0:18 من طرفعريب في بلادي اسم الموضوع: الاعلانات بشكل جديد على الرئيسية كما في منتداناالجمعة 16 فبراير 2018 - 0:06 من طرفعريب في بلادي اسم الموضوع: [phpbb3]ستايل التقنية العربية المجانيالخميس 15 فبراير 2018 - 21:17 من طرفعريب في بلادي

شاطر | 
 

 حصرى كود تكبير الصور بالمواضيع مع اطار من اختيارك

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
coeurdelion
اللقب:
المشرف العام
الرتبه:
المشرف العام
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
215
السٌّمعَة :
9
تاريخ التسجيل :
08/12/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: حصرى كود تكبير الصور بالمواضيع مع اطار من اختيارك الجمعة 10 أبريل 2015 - 10:14


حصرى كود تكبير الصور بالمواضيع مع اطار من اختيارك
كود اكثر من رائع
تكبير الصورة زووم عند الضغط عليها بشكل مختلف عن الاكواد الاخرى

اولا كود الجافا علم على المواضيع فقط

الكود:
$(function() {
  var img = $('.post .postbody div img');
  for (i=0; i<img.length; i++) {
    img[i].className += ' c_0';
    img[i].onclick = function() {
      if (/c_0/.test(this.className)) this.className = this.className.replace(/c_0/,'c_1');
      else if (/c_1/.test(this.className)) this.className = this.className.replace(/c_1/,'c_0');
    }
  }
});
ثم اضف احد هذان الكودين بالسى اس اس CSS

الكود الاول اطار بلون ثابت يمكن التحكم باللون فيه


الكود:
.c_0, .c_1 { transition:500ms }
.c_1 {
  transform:scale(1.5);
  border:4px solid #AAA;
  box-shadow:3px 3px 3px rgba(0,0,0, 0.5);
}
تغيير لون الاطار يتم عن طريق تغيير القيمة
#AAA ولتعديل سمك الاطار 4PX
الكود الثانى اطار عبارة عن صورة خلفية يمكنك عملها برواز


الكود:

.c_0, .c_1 { transition:500ms }
    .c_1 {
      transform:scale(1.5);
      background:url('http://i39.servimg.com/u/f39/11/74/20/44/4010.jpg') no-repeat center / 100% 100%;
      padding:3%; /* space around image */
      box-shadow:3px 3px 3px rgba(0, 0, 0, 0.5);
    }
تغيير الصورة يتم عن طريق تغيير الرابط
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


اما عن المصدر فهو للخبير الاجنبى الاكثر من رائع
وهو الان منسوب الى مايكل سوفت
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
حصرى كود تكبير الصور بالمواضيع مع اطار من اختيارك
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: أكواد Java Script و jQuery
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | مدونة مجانية