حصري كود تومبلايت لاظهار صورة حية للموضوع داخل الاقسام
صفحة 1 من اصل 1 • شاطر
السلام وعليكم ورحمة الله وبركاتة
أهلا وسهلآ بأعضاء منتدى يمن توب
أتمنى ان يعجبكم الكود ويناسب ما كنتم تطلبونة
--> اكواد التومبلايت <--
هذا الشرح يطبق للذي عندهم النسخ التالية : (PunBB & phpBB2)
هذا الشرح يطبق للذي عندهم النسخ التالية : (PunBB & phpBB2)
- حول الكود :
الكود يقوم باظهار صورة حية من الموضوع اذا كان يوجد صورة فية ويظهرها في القسم الخاص للموضوع , تظهر الصورة الاولى فقظ وبأي صيغة , ليعطي شكلآ رائع لزاور موقعك . - البحث وتعديل القالب :
انتقل إلى : لوحة الإدارة ›› مظهر المنتدى ›› التومبلايت والقوالب ›› إدارة عامة .
تعديل : 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
>
- إضافة 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;
}
- اضافة JAVASCRIPT :
انتقل إلى : لوحة الإدارة ›› عناصر إضافية ›› HTML و JAVASCRIPT ›› إدارة أكواد Javascript ›› انشاء كود جديد .
إدراج الكود التالي في ( جميع الصفحات ) :
عذرآ الكود مخفي , سيظهر عند الرد ( تعبت من اجلك كلمة شكر تكفيني ) - النتيجة :
اي مشاكل بالكود ضع رد لاساعدك .
ترقبونا بجديد الاكواد .
يسعدني استقبال ردودكم في الاسفل , دمتم في رعية الرحمن .
الحقوق محفوظة لمنتديات يمن توب , وللشركة الاجنبية .
يمنع النقل دون ذكر مصدرنا , شكرآ لتقدير مجهود الآخرين .
مواضيع مماثلة
» حصري كود جافا سكربت لترقيم الصفحات داخل الاقسام
» حصري كود جافا سكربت لاظهار صندوق الرد السريع للزوار
» حصري كود جافا سكربت لاظهار قائمة منبثقة للرسائل بدون الذهاب الى صندوق الرسائل مثل الشبكات الاجتماعية
» حقيقة لا خيال - صورة جني ينتقم من كل من يراه !!
» كود هتمل : لوضع خاصية البحث داخل موقعك بشكلين مختلفين
» حصري كود جافا سكربت لاظهار صندوق الرد السريع للزوار
» حصري كود جافا سكربت لاظهار قائمة منبثقة للرسائل بدون الذهاب الى صندوق الرسائل مثل الشبكات الاجتماعية
» حقيقة لا خيال - صورة جني ينتقم من كل من يراه !!
» كود هتمل : لوضع خاصية البحث داخل موقعك بشكلين مختلفين
الرابط المباشر للموضوع: | |
كود BBcode للمنتديات: | |
كود HTML مباشر: |
للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل
يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى