كود جعل الصور تظهر بشكل منبثق بدون تومبيلات

حفظ البيانات؟
منتديات Evile
المواضيع الأخيرة
goweto_bilobedاعلان عن بيع المنتدى23/6/2016, 17:43 من طرفThe Globetrottergoweto_bilobedوكالة صدى الاعلام للانباء5/6/2016, 11:24 من طرفالنجم اللامعgoweto_bilobedأقوى عروض الأستضافة من شركة JustGiga1/10/2015, 00:43 من طرفjustgiga.comgoweto_bilobedتصميم مواقع بافضل المميزات الفنية29/9/2015, 23:27 من طرفjustgiga.comgoweto_bilobedتصميم مواقع انترنت تناسب جميع الشركات والمجالات24/9/2015, 20:43 من طرفjustgiga.comgoweto_bilobedصمم موقعك علي اعلي مستوي من التقنيات5/9/2015, 10:23 من طرفjustgiga.comgoweto_bilobedصمم موقعك مع افضل المميزات واسهل طرق التحكم3/9/2015, 07:04 من طرفjustgiga.comgoweto_bilobedموقع الدراسة في الجزائر | تعليمي عام لجميع المواد21/8/2015, 15:42 من طرفانور زياية

| |

غْـِـِـِيْـِـِـِر مُـِـِـِسَـِـِـِِجَـِـِـِل

لأنـنـآ نـعـشـقِ التـميز والـِمُـِمَـِيّـزِيْـטּ يشرفنـآ إنضمـآمڪ معنـآ فيـﮯ مـنـتـديـآت EVILE | |

أثبـت تـوآجُـِدڪ و ڪـטּ مـטּ [ الـِمُـِمَـِيّـزِيْـטּ ..!

لـِڪي تـسـتـطـيـع أن تُـِتْـِِבـفَـِنَـِـِا[ بـِ موآضيعـڪ ومشارڪاتـڪ معنـِـِـِآ ]

[ باْلْـِضَـِغْـِطِ هُـِـِنَـِـِـِاْ ]

أنت غير مسجل فى منتديات evile . للتسجيل الرجاء إضغط هنـا
نحن معكم
الرئيسيةبوابتناس .و .جبحـثالتسجيلدخول

شاطر|

كود جعل الصور تظهر بشكل منبثق بدون تومبيلات

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

صـــاحب المـــوقع

avatar
صـــاحب المـــوقع
معلومات إضافية
الجنس الجنس : ذكر
|| مسآهمآتي || مسآهمآتي : 6311
التقيم التقيم : 1089
•سجلت فــي || •سجلت فــي || : 02/07/2011
•MMS •| :
•الاوسمة•| : مـؤسس مـنتـديـات evile

معلومات الإتصال
http://www.evil-e.com https://www.facebook.com/AbDlWaHaB.kAhOcHe
مُساهمةموضوع: كود جعل الصور تظهر بشكل منبثق بدون تومبيلات 3/12/2013, 20:36

كود جعل الصور تظهر بشكل منبثق عند الضغط عليها في المساهمات
مثال بعد وضع الكود



طريقة وضع الكود :
لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الوان>>ورقة تصميم ال 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);
}
ثم سجل
ثم نتوجه الى:لوحة الاداره>>عناصر اضافية>>HTML & Javascript>>إدارة أكواد Javascript>>انشاء كود جديد
أضف الكود الى :المواضيع
كود Javascript * :نضع الكود هنا



المحتوى مخفي 

ومبروك -+- 


Concurso de avatar FaceYourManga - Dia das Bruxas


Hoje é dia de anuncio do vencedor do nosso concurso do Dia das Bruxas. Mas antes vamos ver quais foram as participações com mais votos por parte dos nossos membros.

Os participantes com mais votos dos membros foram:

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
alaa_eg

 

avatar
 
معلومات إضافية
الجنس الجنس : ذكر
|| مسآهمآتي || مسآهمآتي : 84
التقيم التقيم : 0
•سجلت فــي || •سجلت فــي || : 05/02/2012

معلومات الإتصال
http://www.ben10-flash-games.com
مُساهمةموضوع: رد: كود جعل الصور تظهر بشكل منبثق بدون تومبيلات 4/12/2013, 08:22

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




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

 

avatar
 
معلومات إضافية
الجنس الجنس : ذكر
|| مسآهمآتي || مسآهمآتي : 2
التقيم التقيم : 0
•سجلت فــي || •سجلت فــي || : 21/10/2012

معلومات الإتصال

مُساهمةموضوع: رد: كود جعل الصور تظهر بشكل منبثق بدون تومبيلات 26/12/2013, 14:24

شكرررررررررررررررررررا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
انور زياية

 

avatar
 
معلومات إضافية
الجنس الجنس : ذكر
|| مسآهمآتي || مسآهمآتي : 13
التقيم التقيم : 0
•سجلت فــي || •سجلت فــي || : 18/07/2013

معلومات الإتصال

مُساهمةموضوع: رد: كود جعل الصور تظهر بشكل منبثق بدون تومبيلات 11/1/2014, 11:13

love  love  love  love  love
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
ملك الحصريات

 

avatar
 
معلومات إضافية
الجنس الجنس : ذكر
|| مسآهمآتي || مسآهمآتي : 1748
التقيم التقيم : 59
•سجلت فــي || •سجلت فــي || : 22/12/2012
•MMS •| :

معلومات الإتصال
http://medo.glaxu.org/vb https://www.facebook.com/pages/منتديات-ميدو-على-استضافه-جلاكسو/470453019664649
مُساهمةموضوع: رد: كود جعل الصور تظهر بشكل منبثق بدون تومبيلات 11/1/2014, 12:06

موضوع مميز ومفيد جزاك الله خيرا


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

كود جعل الصور تظهر بشكل منبثق بدون تومبيلات

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات Evile :: ||تطوير المنتديات|| :: ||تطوير المنتديات|| :: اكواد JavaScript & jQuery-