منتديات انا للابداع



 
HomeHome  مجله المنتدىمجله المنتدى  CalendarCalendar  FAQFAQ  SearchSearch  RegisterRegister  Log inLog in  
شرح : بالصور لكيفيه الربح من موقع اختصار الروابط adf.ly للربح من الانترنت

Share|
 
بيانات كاتب الموضوع
[Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات
AuthorMessage
المعلومات
الكاتب:
اللقب:
إدارة المنتدي
الرتبه:
إدارة المنتدي
الصورة الرمزية
 

البيانات
الدوله : مصر
الجنس : Male
عدد المساهمات : 328
معدل النشاط : 850
تقييماتي : 1
تاريخ التسجيل : 2012-02-10
العمل الإداري : مدير المنتدي
 
MY SmS 

 

MY MmS

 

 

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
View user profile https://www.facebook.com/ali.alsalt1

 

Subject: [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات Sat 25 Feb - 18:42






₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..

مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت قالمة نت من كل مكان


اليوم و بعد غياب 2 شهر عن الانترنت لسبب الدراسة عدت لكم بأحجمل كود رايح تشووفه في حياتكم و هو كود
لأظهار الصور بطريقة مميزة مثل المنتديات و المنتديات و مع خاصية تصفح الصور

مميزاته :

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

برمجة الكود من قبل اخوكم Sam Hameed

مدة التي أستغرقه الكود لبرمجة
ساعة 2.30



|صورة للمعينة الكود و مكان ظهورة |



https://i41.servimg.com/u/f41/14/81/17/27/11111110.jpg



و لتركيب الكود بشكل الحصحيح تابع الشرح معي
ملاحظة : يجب عمل جميع الخطوات بشكل الصحيح و بترتيب حتى يعمل معرض الصور على المواضيع


شرح تركيب الكود :

لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --overall_header

نقوم بلبحث عن الكود التالي :


Code:
 

<script src="{JQUERY_PATH}" type="text/javascript"></script>




و أسفله مباشرة نقوم بوضع الكود التالي :



Code:
 

<script type="text/javascript" src="http://www1.3rab.pro/10085.js"></script>


و من ثم نضغط على زر سجل

و من ثم نضغط على لنشر القالب



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


نذهب إلى

لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --viewtopic_body

نبحث عن الكود التالي


Code:
 


//$(resize_images({
 'selector' : '.postbody', 'max_width' :
{switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' :
{switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>





و نستبدله بلكود التالي


Code:
 


// 'selector' : '.postbody', 'max_width' :
{switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' :
{switch_image_resize.IMG_RESIZE_HEIGHT} }));//]]>



و من ثم نضغط على زر سجل

و من ثم نضغط على لنشر القالب



و الأن الخطوة ما قبل الأخيرة

و هي أضافة كود الـ CSS حتى يعمل شكل و ستايل معرض الصور

طريقة وضع الكود:

لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css

Code:


/*-----Programming code by sam hameed-----*/
#lbOverlay{
  position:fixed;z-index: 999;
  left:0;
  top:0;
  width:100%;
  height:100%;
  sam_hameed;
  background-color:#000;
  cursor:pointer;
}
#lbCenter,#lbBottomContainer{
  position:absolute;
  sam_hameed;
  z-index: 999;overflow:hidden;
  background-color:#fff;
}
.lbLoading{
  background:#fff url(http://i27.servimg.com/u/f27/14/67/90/38/novfao10.gif) no-repeat center;
}
#lbImage{
  position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{
  display:block;
  sam_hameed;
  position:absolute;
  top:0;
  width:50%;
  outline:none;
}
#lbPrevLink{
  left:0;
}
#lbPrevLink:hover{
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/211.png) no-repeat 0 15%;
}
#lbNextLink{
  right:0;}
#lbNextLink:hover{
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/310.png) no-repeat 100% 15%;
}
#lbBottom{
  font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;
  text-align:left;
  sam_hameed;
  border:10px solid #fff;
  border-top-style:none;
}
#lbCloseLink{
  display:block;
  float:right;
  sam_hameed;
  width:66px;height:22px;
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/110.png) no-repeat center;
  outline:none;
  sam_hameed;
  margin:5px 0;
}
#lbCaption,#lbNumber{
  margin-right:71px;
}
.postbody img{
  max-width:450px;
}
/*-----Programming code by sam hameed-----*/

و الأن الخطوة الأخيرة و الأهم


لوحة إدارة - إدارة عامة -الرسائل و الإيميلات -تشكيل - المساهمات و المواضيع

تعديل ابعاد الصور التي يضعها الأعضاء في المساهمات :

نقوم بتفريغ المربعات الطول و العرض من الأرقام

و من ثم نضغط سجل


و الأن نذهب إلى المواضيع و نعمل معاينة على الصور

عن طريق الضغط عليها و أستمتعو و متعو أعضائكم

بالخاصية الجديدة و المتميزة

و كن من الأوائل في منتديات أحلى منتدى يستخدم هاد الخاصية



منقول للافادة
















 الموضوع الأصلي : [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات //   المصدر : منتديات أحلى حكاية // الكاتب: على السلت



على السلت ; توقيع العضو


















[Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات

View previous topic View next topic Back to top

Similar topics

-
» Model Back Template
» !New Model Template Released: Get it now!
» Footer Link Alignment Help (PunBB template)
» Template Editing For PHPBB3
» Em muốn tìm thiệp pop-up tháp eiffel !Các bác giúp em với!

الكلمات الدليلية (Tags)
لا يوجد

الــرد الســـريـع

خــدمات المـوضـوع
 KonuEtiketleri كلمات دليليه
[Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات , [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات , [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات ,[Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات ,[Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات , [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات ] مخالف ,, من فضلك راسل الإدارة من هنا
>




«الموضوع السابق|الموضوع التالي»

مواضيع ذات صلة


«الموضوع السابق|الموضوع التالي»