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

حفظ البيانات؟
منتديات Evile
كود جعل الصور تظهر بشكل منبثق بدون تومبيلات 10378110
منتديات Evile
كود جعل الصور تظهر بشكل منبثق بدون تومبيلات 10378110
المواضيع الأخيرة
goweto_bilobedتحميل برنامج صانع شهادات التقدير للكمبيوتر مجاناً - Certificate Makerكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime17/9/2023, 09:35 من طرفgoweto_bilobedتحميل القران الكريم بصوت اسلام صبحي mp3 كامل ومجانيكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime17/9/2023, 05:25 من طرفgoweto_bilobedتحميل برنامج SFX Maker لصناعة البرامج تثبيت صامت بآخر إصداركود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime12/9/2023, 03:42 من طرفgoweto_bilobedتحميل برنامج تشغيل الفيديوهات QQ Player كيوكيو بلاير للويندوزكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime12/9/2023, 03:18 من طرفgoweto_bilobedتبادل إعلاني مجاني - تبادل بانرات ، تبادل اعلانات نصيه ، تبادل زياراتكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime24/2/2023, 11:35 من طرفgoweto_bilobedمنتديات عرب مسلمكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime24/2/2023, 11:32 من طرفgoweto_bilobedمنتديات مثقف دوت كومكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime24/2/2023, 11:30 من طرفgoweto_bilobedمنتدى برامج نتكود جعل الصور تظهر بشكل منبثق بدون تومبيلات I_icon_minitime24/2/2023, 11:28 من طرف

| |

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

لأنـنـآ نـعـشـقِ التـميز والـِمُـِمَـِيّـزِيْـטּ يشرفنـآ إنضمـآمڪ معنـآ فيـﮯ مـنـتـديـآت 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 * :نضع الكود هنا



المحتوى مخفي 

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

 

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

معلومات الإتصال
https://mothaqf.goodforum.net
كود جعل الصور تظهر بشكل منبثق بدون تومبيلات 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

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

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

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

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

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