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

حفظ البيانات؟
منتديات Evile
كود جعل الصور تظهر بشكل منبثق بدون تومبيلات 10378110
منتديات Evile
كود جعل الصور تظهر بشكل منبثق بدون تومبيلات 10378110
المواضيع الأخيرة
goweto_bilobedمنتديات عرب مسلمكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime19/11/2024, 03:01 من طرفgoweto_bilobedمنتدى برامج نتكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime19/11/2024, 03:01 من طرفgoweto_bilobedمنتدى عرب مسلمكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime19/11/2024, 03:01 من طرفgoweto_bilobedمنتديات برامج نتكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime19/11/2024, 03:00 من طرفgoweto_bilobedمنتديات مثقف دوت كومكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime19/11/2024, 03:00 من طرفgoweto_bilobedمنتدى فتكات - منتديات عالم حواءكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime19/11/2024, 03:00 من طرفgoweto_bilobedمنتدى المشاغبكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime19/11/2024, 03:00 من طرفgoweto_bilobedمنتديات العربكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime19/11/2024, 02:59 من طرف

| |

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

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

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

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

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

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

شاطر|

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

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

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

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

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

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

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

طريقة وضع الكود :
لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الوان>>ورقة تصميم ال 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
كود جعل الصور تظهر بشكل منبثق بدون تومبيلات F3fkvIc

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

 

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

معلومات الإتصال
https://absba.foroactivo.com
كود جعل الصور تظهر بشكل منبثق بدون تومبيلات Empty
مُساهمةموضوع: رد: كود جعل الصور تظهر بشكل منبثق بدون تومبيلات كود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime4/12/2013, 08:22

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


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


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

 

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

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

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

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

 

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

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

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

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

 

ملك الحصريات
 
معلومات إضافية
الجنس الجنس : ذكر
|| مسآهمآتي || مسآهمآتي : 1748
التقيم التقيم : 59
•سجلت فــي || •سجلت فــي || : 22/12/2012
•MMS •| : كود جعل الصور تظهر بشكل منبثق بدون تومبيلات Gtsgy8k1xa76

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

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


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

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

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

مواضيع مماثلة

-
» [css] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالvb» [Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي» كود اخر المواضيع بدون تومبيلات» كود اخر المواضيع بدون تومبيلات» اخيرآ كود رسالة تظهر لي الزائر وبشكل مذهل بدون التومبلايت
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات Evile :: ||تطوير المنتديات|| :: ||تطوير المنتديات|| :: اكواد JavaScript & jQuery-