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

javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي

avatar
بصمة خالدة
  •  

  • الجنس : انثى

    السمك

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

    نقاط النشاط : 141935

    السٌّمعَة : 2976

    بلد العضو :

    العمر : 32

    معاينة صفحة البيانات الشخصي للعضوhttp://taqnyiat.ahlamontada.com/
    تمت المشاركة في الأربعاء ديسمبر 21, 2016 4:58 pm
    تذكير بمساهمة فاتح الموضوع :

    javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي
    السلام عليكم ورحمة الله وبركاته
    اسعد الله اوقاتكم بكل خير
    اقدم لكم كود javascript يعمل على نافذة منبثقة للصور بالمساهمات
    باطار وجودة عالية بحجمها الاصلي
    صورة للعمل الكود

    طريقة التركيب
    اذهب إلى. لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT
    .اكواد javascript تفعيل اكواد javascript اختار نعم
    وسجل ثم انشاء كود الاسم اي شئ اختار المواضيع .
    وضع الكود جافا الاتي
    ضع رد لرؤية الكود:


    وسجل
    ثم اضافة كود css
    اذهب إلى لوحة الإدارة. مظهر المنتدى. صور والوان. الوان. ورقة 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 + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي

    بصمة خالدة
  •  

  • عدد المساهمات : 3396

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

    رد: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي

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

    الاسد

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

    نقاط النشاط : 157

    السٌّمعَة : 12

    بلد العضو :

    العمر : 23

    معاينة صفحة البيانات الشخصي للعضوhttp://www.different.kariya-host.com/vb/
    تمت المشاركة في الأربعاء مارس 28, 2018 1:49 am
    سلمت اناملك على الطرح الرائع
    التوقــيـــــــــــــــــــــع






    رد: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي

    avatar
    المدير الإداري
  •  

  • الجنس : ذكر

    الجدي

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

    نقاط النشاط : 10002

    السٌّمعَة : 116

    بلد العضو :

    العمر : 34



    معاينة صفحة البيانات الشخصي للعضوhttp://medialive.pro
    تمت المشاركة في السبت يونيو 16, 2018 11:56 pm
    يعطيكم العافية على الطرح
    كل الاحترام

    رد: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي

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

    السمك

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

    نقاط النشاط : 28

    السٌّمعَة : 10

    بلد العضو :

    العمر : 35

    معاينة صفحة البيانات الشخصي للعضوhttp://www.a7la-7ekaya.com/
    تمت المشاركة في الخميس يوليو 19, 2018 1:43 am
    مشكوووووووووووورين
    التوقــيـــــــــــــــــــــع


    وإن سألوك عن العدل في بلادنا .!!قل لهم : مات عمر
    أمي أنتي لسّتِ أًحًسنٌ مَن فِي الدُنّيا ....أنّتيِ الدُنيا بِ أكّمَلِها.
    عيوب الجسم يسترها متر قماش...لكن عيوب الفكر يكشفها اول نقاش

    رد: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي

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

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

    نقاط النشاط : 138

    السٌّمعَة : 4

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الجمعة يوليو 20, 2018 9:14 pm
    شكر جزيلا للطرح القيم
    ننتظر المزيد من ابداع مواضيعك الرائعة

    رد: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي

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

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

    نقاط النشاط : 1203

    السٌّمعَة : 11

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضوhttps://www.elmanal.com
    تمت المشاركة في الثلاثاء يوليو 24, 2018 12:56 pm
     جزاكم الله خيراً  
        
    التوقــيـــــــــــــــــــــع


    سبحان الله والحمدلله ولا إله إلا الله 
     

    رد: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي

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

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

    نقاط النشاط : 110

    السٌّمعَة : 1

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الجمعة أغسطس 17, 2018 2:21 am
    جاري تجريب

    رد: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي

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

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

    نقاط النشاط : 7

    السٌّمعَة : 1

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الجمعة أغسطس 17, 2018 9:11 am
    سلمت يدينك كود رائع وهفيد ومهم للذين يحختاجونه
    دمت

    رد: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي

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

    الميزان

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

    نقاط النشاط : 28

    السٌّمعَة : 10

    بلد العضو :

    العمر : 24

    معاينة صفحة البيانات الشخصي للعضوhttp://arabfutur.3oloum.com
    تمت المشاركة في الأربعاء أكتوبر 03, 2018 1:51 am
    ممتاز هذا ماكنت ابحث عنه

    رد: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي

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

    الجدي

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

    نقاط النشاط : 147

    السٌّمعَة : 10

    بلد العضو :

    العمر : 25

    معاينة صفحة البيانات الشخصي للعضوhttp://www.fatok.dahek.net
    تمت المشاركة في الأربعاء أكتوبر 03, 2018 4:56 pm
    جميل

    رد: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي

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

    العقرب

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

    نقاط النشاط : 178

    السٌّمعَة : 24

    بلد العضو :

    العمر : 27

    معاينة صفحة البيانات الشخصي للعضوhttp://3arb-way.a7larab.net/
    تمت المشاركة في الإثنين أكتوبر 08, 2018 10:06 pm
    أنتظر جديدك بكل الشوق والود ,,,
    التوقــيـــــــــــــــــــــع


    ..وَلَا يَغْتَب بَّعْضُكُم بَعْضاً أَيُحِبُّ أَحَدُكُمْ أَن يَأْكُلَ لَحْمَ أَخِيهِ مَيْتاً فَكَرِهْتُمُوهُ وَاتَّقُوا اللَّهَ إِنَّ اللَّهَ تَوَّابٌ رَّحِيمٌ }.من رد عن عرض أخيه رد الله عن وجهه النار






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