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

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

avatar
بصمة خالدة
الجنس : انثى

السمك

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

نقاط النشاط : 140990

السٌّمعَة : 2956

بلد العضو :

العمر : 31



معاينة صفحة البيانات الشخصي للعضوhttp://taqnyiat.ahlamontada.com/
تمت المشاركة في الخميس مارس 02, 2017 8: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
بصمة خالدة
الجنس : ذكر

السمك

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

نقاط النشاط : 23626

السٌّمعَة : 104

بلد العضو :

العمر : 16

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الخميس مارس 02, 2017 8:16 pm
جميل جدا 
واصلي يا بطلة 
التوقــيـــــــــــــــــــــع


يا رب ان كان هناك حاسدا يكره أن يرانى سعيدا فأرزقه سعادة تنسيه أمر سعادتى
وردة حمراءوردة حمراء

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

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

الحمل

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

نقاط النشاط : 226

السٌّمعَة : 1

بلد العضو :

العمر : 16

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


وفي هذه الأيـام أنا أعيش في متاهة #الكبريـاء ..
و أتوجع في متاهة #الحنين_و_الـشوق ..

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

avatar
بصمة خالدة
الجنس : ذكر

القوس

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

نقاط النشاط : 35985

السٌّمعَة : 84

بلد العضو :

العمر : 31

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

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

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

الثور

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

نقاط النشاط : 2081

السٌّمعَة : 9

بلد العضو :

العمر : 16




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


أنـا فـتاة لآ أخــسـر #كــبريآئـي من أجـل بــقايـا حـب ،،
فـأنا أنـثــى لآيسـتطـيع أن يلــوي ذراعـي رجــل ...
أستطيـع ترک أغـلى شيء وأنا فـي قمـة السـعادة #واثـقة_من_نفـسي لـدرجـة أنـک لآ تـتحمـل #غـروري ...

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

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

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

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

السٌّمعَة : 1

بلد العضو :

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

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

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

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

نقاط النشاط : 168

السٌّمعَة : 2

بلد العضو :

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


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

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

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

نقاط النشاط : 496

السٌّمعَة : 1

بلد العضو :

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

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

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

السرطان

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

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

السٌّمعَة : 0

العمر : 71

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الأربعاء أكتوبر 18, 2017 6:58 pm
كود رائع بارك الله فيك
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads