منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية
 

 javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية

اذهب الى الأسفل 
انتقل الى الصفحة : الصفحة السابقة  1, 2
كاتب الموضوعرسالة
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126400
نقاط النشاط : 142117
السٌّمعَة : 3006
بلد العضو : javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Saudi-10
العمر : 35

javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Empty
مُساهمةموضوع: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية   javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Emptyالخميس مارس 02, 2017 9:01 pm

تذكير بمساهمة فاتح الموضوع :

javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية
السلام عليكم ورحمة الله وبركاته
اقدم لكم كود javascript يعمل زووم للصور بنافذة منبثقه
صورة للكود
javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Screen10
https://i.servimg.com/u/f58/19/61/68/63/screen10.jpg
طريقة التركيب اذهب إلى. لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript تفعيل اكواد javascript
اختار نعم وسجل
ثم انشاء كود الاسم اي شئ اختار بالمساهمات
واضف الكود التالي
ضع رد لرؤية الكود:
 
ثم سجل ونضيف الكود التالي
من خلال مظهر المنتدى. صور والوان. الوان. ورقة css وضع الكود الاتي
الكود:

 
a.fa_fancybox img{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
/* general */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}
 
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 920;
}
 
.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
          border-radius: 4px;
}
 
.fancybox-opened {
  z-index: 930;
}
 
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
 
.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}
 
.fancybox-inner {
  overflow: hidden;
}
 
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
 
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px;
}
 
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
 
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
 
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png');
}
 
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 920;
}
 
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
}
 
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 940;
}
 
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url('http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 940;
}
 
.fancybox-prev {
  left: 0;
}
 
.fancybox-next {
  right: 0;
}
 
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 940;
  visibility: hidden;
}
 
.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px;
}
 
.fancybox-next span {
  right: 20px;
  background-position: 0 -72px;
}
 
.fancybox-nav:hover span {
  visibility: visible;
}
 
.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}
 
/* Overlay helper */
 
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 910;
  background: #000;
}
 
#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
 
/* Title helper */
 
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 950;
}
 
.fancybox-opened .fancybox-title {
  visibility: visible;
}
 
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 930;
  text-align: center;
}
 
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
 
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
 
.fancybox-title-inside-wrap {
  margin-top: 10px;
}
 
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}


javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/

كاتب الموضوعرسالة
Àťéf Hàmmàď
سوبر الإبداع 



عدد المساهمات : 92696

javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Empty
مُساهمةموضوع: رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية   javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Emptyالخميس مايو 14, 2020 10:37 pm

شكرا لك

بوركت ودام عطائك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
princess soma
عضو 



عدد المساهمات : 9

javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Empty
مُساهمةموضوع: رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية   javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Emptyالإثنين أغسطس 10, 2020 6:27 am

شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Shady Ariffin
فريق الإشراف
فريق الإشراف
Shady Ariffin

ذكر
العذراء
عدد المساهمات : 2631
نقاط النشاط : 3127
السٌّمعَة : 48
بلد العضو : javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Egypt10
العمر : 19

javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Empty
مُساهمةموضوع: رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية   javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Emptyالإثنين أغسطس 10, 2020 2:04 pm

بارك الله فيكي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://bestkeller2.3arabiyate.com
العراقي الطائي
عضو 

العراقي الطائي

ذكر
عدد المساهمات : 74
نقاط النشاط : 82
السٌّمعَة : 1
بلد العضو : javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 45544510

javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Empty
مُساهمةموضوع: رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية   javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Emptyالإثنين أغسطس 31, 2020 6:57 am

شكرا يمعود
الرجوع الى أعلى الصفحة اذهب الى الأسفل
العراقي الطائي
عضو 

العراقي الطائي

ذكر
عدد المساهمات : 74
نقاط النشاط : 82
السٌّمعَة : 1
بلد العضو : javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 45544510

javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Empty
مُساهمةموضوع: رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية   javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Emptyالإثنين أغسطس 31, 2020 7:01 am

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

العراقي الطائي

ذكر
عدد المساهمات : 74
نقاط النشاط : 82
السٌّمعَة : 1
بلد العضو : javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 45544510

javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Empty
مُساهمةموضوع: رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية   javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Emptyالأربعاء سبتمبر 09, 2020 7:35 am

جميل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Oussama.Gfx
عضو فعال 

Oussama.Gfx

ذكر
الجدي
عدد المساهمات : 181
نقاط النشاط : 221
السٌّمعَة : 8
بلد العضو : javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Morocc10
العمر : 28

javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Empty
مُساهمةموضوع: رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية   javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Emptyالأربعاء سبتمبر 30, 2020 4:38 am

شكراً جزيلاً بارك الله فيك


الله يـع’ـــطــيك الع’ــاأإأفــيه ..
.. بنتظـأإأإأر ج’ـــديــــدك الممـــيز ..
.. تقــبل ــم’ـــروري ..
كل أإألــــ ود



منتديات الإبـداع العـربي : 
javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Vr7y9y12
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ghobz.rigala.net
المبدع الصغير
عضو 

المبدع الصغير

ذكر
الاسد
عدد المساهمات : 87
نقاط النشاط : 183
السٌّمعَة : 10
بلد العضو : javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Ioao10
العمر : 21

javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Empty
مُساهمةموضوع: رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية   javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية - صفحة 2 Emptyالسبت أبريل 24, 2021 5:58 pm

ماشاء الله كود جميل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية
الرجوع الى أعلى الصفحة 
صفحة 2 من اصل 2انتقل الى الصفحة : الصفحة السابقة  1, 2

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: التقنيات المتقدمة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020