منطقة الاعضاء


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

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

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

بيت الجزائر لكل العرب

اسم الموضوع: كود حصري جدا لوضع أدوات الموضوع فوق صندوق الرد - تحديث -اليوم في 16:42 من طرفrana778 اسم الموضوع: [code] روبوت كاتب الردود الذكي لاحلي منتدياليوم في 16:25 من طرفrana778 اسم الموضوع: قالب زخرفة الاسماء حصريأمس في 17:35 من طرفالمدير اسم الموضوع: [Javascript] إدراج صورة برابط الموجود في ازرار صندوق الرد يعمل على جميع النسخالإثنين 11 ديسمبر 2017 - 20:17 من طرفrana778 اسم الموضوع: [Javascript] تغيير تحميل الصور الافتراضي بمركز imgur uploaderالإثنين 11 ديسمبر 2017 - 17:29 من طرفth3free اسم الموضوع: حصرياً كود [Javascript] صندوق الأكواد بمميزات احترافيةالإثنين 11 ديسمبر 2017 - 17:05 من طرفth3free اسم الموضوع: [JAVASCRIPT]خاصية جديدة لنسخ الكود و بدون تظليلالإثنين 11 ديسمبر 2017 - 16:45 من طرفth3free اسم الموضوع: [Javascript]+[Css] زر الملاحظة فى الصندوق الماسى الإثنين 11 ديسمبر 2017 - 16:02 من طرفth3free اسم الموضوع: طريقة فصل أكواد CSS عند وضع أي كودالإثنين 11 ديسمبر 2017 - 15:17 من طرفth3free اسم الموضوع: الكود الحصري جدا إطار احترافي على صندوق الاكواد في المواضيع مع مميزات لن تجدها الا هناالإثنين 11 ديسمبر 2017 - 15:04 من طرفth3free اسم الموضوع: css تضليل الكتابة حصريا هناالإثنين 11 ديسمبر 2017 - 14:28 من طرفth3free اسم الموضوع: حصرياً كود [Css] لوضع عبارة تم إظهار المحتوى المخفى الإثنين 11 ديسمبر 2017 - 14:22 من طرفth3free

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
المدير
اللقب:
Admin
الرتبه:
Admin
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
1342
السٌّمعَة :
35
تاريخ التسجيل :
28/08/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
http://baytdz.ahlamontada.com
موضوع: [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات الإثنين 8 سبتمبر 2014 - 18:55


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

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

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



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


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


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

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

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

الكود:
<script src="{JQUERY_PATH}" type="text/javascript"></script>

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

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح



الكود:
   <script type="text/javascript" src="http://www1.3rab.pro/10085.js"></script>


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

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



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


نذهب إلى

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

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


الكود:
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({
 'selector' : '.postbody', 'max_width' :
{switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' :
{switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
و نستبدله بلكود التالي

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح



الكود:


    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[$(resize_images({
     'selector' : '.postbody', 'max_width' :
    {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' :
    {switch_image_resize.IMG_RESIZE_HEIGHT} }));//]]></script>
    <!-- END switch_image_resize -->


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

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



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

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

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

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


تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح



الكود:



    /*-----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-----*/
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://baytdz.ahlamontada.com
المعلومات
الكاتب:
monirdahmanie
اللقب:
الرتبه:
الصورة الرمزية


البيانات
الجنس :
ذكر
عدد المساهمات :
218
السٌّمعَة :
25
تاريخ التسجيل :
18/10/2015

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: رد: [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات الأحد 18 أكتوبر 2015 - 15:36


رد: [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات
شكرااااااااااااااا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
المعلومات
الكاتب:
asersyria
اللقب:
الرتبه:
الصورة الرمزية


البيانات
عدد المساهمات :
6
السٌّمعَة :
1
تاريخ التسجيل :
04/02/2015

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: رد: [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات الخميس 3 ديسمبر 2015 - 22:56


رد: [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات
شكراااااا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: اكواد تومبيلات | Template code
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | انشاء منتدى | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | مدونة مجانية