شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

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

avatar
بصمة خالدة
  •  

  • الجنس : انثى

    السمك

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

    نقاط النشاط : 141936

    السٌّمعَة : 2976

    بلد العضو :

    العمر : 32

    معاينة صفحة البيانات الشخصي للعضوhttp://taqnyiat.ahlamontada.com/
    تمت المشاركة في الخميس مارس 02, 2017 9:01 pm
    javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية
    السلام عليكم ورحمة الله وبركاته
    اقدم لكم كود javascript يعمل زووم للصور بنافذة منبثقه
    صورة للكود

    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 عمل انبثاق لصور بالمساهمات للنسخة الثانية

    avatar
    بصمة خالدة
  •  

  • الجنس : ذكر

    السمك

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

    نقاط النشاط : 24523

    السٌّمعَة : 130

    بلد العضو :

    العمر : 17

    معاينة صفحة البيانات الشخصي للعضوhttps://www.ibda3araby.com
    تمت المشاركة في الخميس مارس 02, 2017 9:16 pm
    جميل جدا 
    واصلي يا بطلة 
    التوقــيـــــــــــــــــــــع


    If the plan doesn’t work, change the plan, but never the goal
    وردة حمراء وردة حمراء

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

    avatar
    عضو نشيط
    الجنس : انثى

    الحمل

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

    نقاط النشاط : 239

    السٌّمعَة : 1

    بلد العضو :

    العمر : 17

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الخميس مارس 02, 2017 9:39 pm
    موضوع مميز بارك الله فيك
    التوقــيـــــــــــــــــــــع


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

    avatar
    بصمة خالدة
  •  

  • الجنس : ذكر

    القوس

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

    نقاط النشاط : 37570

    السٌّمعَة : 108

    بلد العضو :

    العمر : 32

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الثلاثاء مارس 21, 2017 2:19 am
    بارك الله بيك
    واصل
    التوقــيـــــــــــــــــــــع

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

    avatar
    عضو محترف
    الجنس : انثى

    الثور

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

    نقاط النشاط : 2111

    السٌّمعَة : 9

    بلد العضو :

    العمر : 17

    معاينة صفحة البيانات الشخصي للعضوhttps://www.ibda3araby.com
    تمت المشاركة في الثلاثاء مارس 21, 2017 2:22 am
    يعطيك العافية عالموضوع
    التوقــيـــــــــــــــــــــع


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

    avatar
    عضو جديد
    الجنس : ذكر

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

    نقاط النشاط : 8

    السٌّمعَة : 1

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الأربعاء يونيو 14, 2017 10:10 pm
    جزاك الله خير 
    موضوع جميل وتكويد رائع

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

    avatar
    عضو نشيط
    الجنس : ذكر

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

    نقاط النشاط : 183

    السٌّمعَة : 2

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضوhttp://www.ultrawb.com
    تمت المشاركة في الإثنين يونيو 26, 2017 11:01 am
    ابدعتى والله تسلم الايادى
    التوقــيـــــــــــــــــــــع


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

    avatar
    عضو فعال
    الجنس : ذكر

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

    نقاط النشاط : 818

    السٌّمعَة : 10

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الخميس أغسطس 03, 2017 4:04 pm
    أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ

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

    avatar
    عضو جديد
    الجنس : ذكر

    السرطان

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

    نقاط النشاط : 4

    السٌّمعَة : 0

    العمر : 72

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الأربعاء أكتوبر 18, 2017 7:58 pm
    كود رائع بارك الله فيك

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

    avatar
    بصمة خالدة
  •  

  • الجنس : ذكر

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

    نقاط النشاط : 6143

    السٌّمعَة : 121

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الإثنين ديسمبر 11, 2017 2:51 pm
    يعطيك العافيه طرح رائع وانت دائما رائع في طرحك .
    أنتظر جديدك بكل الشوق والود ,,,
    تقبل مروري المتواضع
    التوقــيـــــــــــــــــــــع


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