منـتديـات يمـن توب
مرحبآ بعودتك Smile
قم بالدخول او التسجيل معنا
لتبدا المشاركة ومناقشة الآخرين .
نتمنا لك اطيب الاوقات معنا ♥

حصري كود تومبلايت لاظهار صورة حية للموضوع داخل الاقسام

إرسال موضوع جديد   إرسال مساهمة في موضوع

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

avatar
Admin


الجنس : ذكر
البلد : اليمن
العمر : 23
عدد المساهمات : 269
نقاظ العضو : 885
تقييم العضو : 14
تاريخ التسجيل : 24/06/2014
http://yementoob.alafdal.net

مُساهمةAdmin في 16/01/17, 05:53 am

السلام وعليكم ورحمة الله وبركاتة 
أهلا وسهلآ بأعضاء منتدى يمن توب 
أتمنى ان يعجبكم الكود ويناسب ما كنتم تطلبونة   ابتسامة51 


--> اكواد التومبلايت <--
هذا الشرح يطبق للذي عندهم النسخ التالية : (PunBB & phpBB2)


  1.   حول الكود :
    الكود يقوم باظهار صورة حية من الموضوع اذا كان يوجد صورة فية ويظهرها في القسم الخاص للموضوع , تظهر الصورة الاولى فقظ وبأي صيغة , ليعطي شكلآ رائع لزاور موقعك .


  2.   البحث وتعديل القالب :
    انتقل إلى : لوحة الإدارة ›› مظهر المنتدى ›› التومبلايت والقوالب ›› إدارة عامة .
    تعديل : topics_list_box
    إبحث عن :
    الكود:

    {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}

    إستبدلة بـ :
    الكود:

    <a rel="lightbox" href="{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}" id="hanckidescpopup"><img class="hanckidesc" src="{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}"/></a
    >




  3.  إضافة CSS :
    انتقل إلى : لوحة الإدارة ›› مظهر المنتدى ›› الوان ›› css  .
    ادارج الكود التالي في css الخاص بك :
    الكود:

    .pun tbody.statused td.tcl {
      padding-right: 10px !important;
    }
    img.hanckidesc {
      float: right !important;
    }
    img.hanckidesc {
      max-width: 150px !important;
      max-height: 50px !important;
      margin-top: -10px !important;
      padding: 1px !important;
      z-index: 10 !important;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
      -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
      box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);  
    }
    .lightboxOverlay {
      top: 0;
      left: 0;
      z-index: 999;
      background-color: black;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8;
      display: none;
      position:fixed;
    }
    .lightbox {
      position: absolute;
      left: 0;
      width: 100%;
      z-index: 999;
      line-height: 0;
      font-weight: normal;
    }
    .lightbox img.lb-image {
      position:fixed;
      margin: auto;
      top: 0; left: 0; bottom: 0; right: 0;
    }



  4.   اضافة JAVASCRIPT :
    انتقل إلى : لوحة الإدارة ›› عناصر إضافية ›› HTML و JAVASCRIPT ››  إدارة أكواد Javascript ›› انشاء كود جديد .
    إدراج الكود التالي في ( جميع الصفحات )  :

     عذرآ الكود مخفي , سيظهر عند الرد  ( تعبت من اجلك كلمة شكر تكفيني )




  5.  النتيجة :




      اي مشاكل بالكود ضع رد لاساعدك .
     ترقبونا بجديد الاكواد .
     يسعدني استقبال ردودكم في الاسفل  , دمتم في رعية الرحمن .
      الحقوق محفوظة لمنتديات يمن توب , وللشركة الاجنبية .
      يمنع النقل دون ذكر مصدرنا , شكرآ لتقدير مجهود الآخرين .






ابتسامة30  للتواصل مع الإدارة اتصل بنا <<
ابتسامة15  لمشاهدة كل مواضيعي اضغظ هنا <<

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

الرابط المباشر للموضوع:
كود BBcode للمنتديات:
كود HTML مباشر:

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

 
صلاحيات هذا المنتدى:
تستطيع الرد على المواضيع في هذا المنتدى