ورشة التطوير
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته


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

وشــكــراً


*الإدارة*

ورشة التطوير

ورشة التطوير! حيث الاحتراف والجودة ينطقوا باسمنا..!!
 
الرئيسيةالرئيسية  اليوميةاليومية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  التسجيلالتسجيل  دخولدخول  اتصل بنا  انضم لفريق ورشتنا  
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
دليلك الشامل للسياح العرب المسافرون لأهم مدن السياحة في كل من الشمال التركي واسطنبول
تمويل شخصي اضافي بدون تحويل راتب
المتجر العجيب للتسوق عبر الانترنت و تخفيضات كبيرة
العلاج البديل
توفير جميع انواع الطابوق في المنطقة الشرقية - المملكه العربية السعودية
تبحث عن شركة كاميرات مراقبة ؟ هذه هي الأفضل
علاج نوبات الهلع والاكتئاب والتوتر والرهاب الاجتماعي بدون ادوية
عرض خاص على حفائض بامبرز مجيا مقاس ٣ ، ٤ ، ٤+ ، ٥ ، ٦
كاميرا مراقبة لاسلكية داخلية متحركة على الجوال صوت وصورة ليلية نهارية
حقيقه رجل يتواصل مع المخلوقات الفضائيه حقا اغرب من الخيال هل ممكن تصدق هيا شاهد بنفسك
فضل الحجامه في ايام السنه وافضل العيادات في الرياض
دبلومات تدريبية معتمدة ادعم مؤهلاتك بشهادات معتمدة
الثلاثاء مايو 22, 2018 12:19 am
الخميس مايو 17, 2018 2:50 pm
السبت مايو 05, 2018 3:13 pm
الخميس مايو 03, 2018 2:45 pm
الخميس مايو 03, 2018 2:34 am
الأحد أبريل 22, 2018 2:24 am
الثلاثاء أبريل 17, 2018 1:50 am
الأربعاء أبريل 11, 2018 3:57 pm
الأربعاء أبريل 11, 2018 3:27 am
الثلاثاء أبريل 10, 2018 12:23 am
الأربعاء أبريل 04, 2018 2:38 am
الأربعاء مارس 14, 2018 7:40 pm
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك

شاطر | 
 

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

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

avatar

البيانات
دولتي :
هوايتي :
جنسي :
ذكر
مشاركاتي :
527
عمري :
15


الإتصالات
الحالة:
وسائل الإتصال:
http://www.Wr-T6wer.Alafdal.nethttps://www.facebook.com/100008855800377https://twitter.com/LoayAloqbiLololoay10
مُساهمةموضوع: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي   الأربعاء ديسمبر 21, 2016 5:47 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);}

انتهى دمتم بخير


توقيع : AmEr T6wer







الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.Wr-T6wer.Alafdal.net https://www.facebook.com/100008855800377 https://twitter.com/LoayAloqbi Lololoay10
المعلومات
الكاتب:
رانيا هلال
اللقب:
عضو مبتدئ
الصورة الرمزية

avatar

البيانات
دولتي :
هوايتي :
جنسي :
انثى
مشاركاتي :
19
عمري :
37


الإتصالات
الحالة:
وسائل الإتصال:
مُساهمةموضوع: رد: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي   الثلاثاء يوليو 25, 2017 1:59 am

كود مميز
ربي يعطيك العافيه
ع الانتقاء الرائع والمميز
ارقى التحايا لروحك الطيبه


توقيع : رانيا هلال






الرجوع الى أعلى الصفحة اذهب الى الأسفل
المعلومات
الكاتب:
AmEr T6wer
اللقب:
مؤسس الورشة
الصورة الرمزية

avatar

البيانات
دولتي :
هوايتي :
جنسي :
ذكر
مشاركاتي :
527
عمري :
15


الإتصالات
الحالة:
وسائل الإتصال:
http://www.Wr-T6wer.Alafdal.nethttps://www.facebook.com/100008855800377https://twitter.com/LoayAloqbiLololoay10
مُساهمةموضوع: رد: javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي   الثلاثاء يوليو 25, 2017 1:59 am

شكرا على كلامك الحلو ، وشكرا على المرور الاحلى


توقيع : AmEr T6wer







الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.Wr-T6wer.Alafdal.net https://www.facebook.com/100008855800377 https://twitter.com/LoayAloqbi Lololoay10
 
javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» Pro JavaScript Techniques
» سكربتات مجانية بلغة جافا سكربت (JavaScript)

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
ورشة التطوير :: التقنيات العامة :: معرض الأكواد-
انتقل الى: