كود تمبيلات : وضع صورة في وصف الموضوع
العالم العربي :: الكمبيوتر والجوالات وتطويرالمواقع والمنتديات :: الكمبيوتر والأنترنت :: التطوير ولغات البرمجة :: تطوير منتديات أحلى منتدى :: الأكواد و التقنيات
صفحة 1 من اصل 1 • شاطر
كود تمبيلات : وضع صورة في وصف الموضوع
اعضاء و رواد منتديات تونس الابداع السلام عليكم و رحمت الله و بركاته
اليوم اقدم لكم القوك الجميل يتمثل في وضع صورة عوضا عن الكلام في وصف الموضوع
الكود متوافق مع نسخة الــ phpbb2 و phpbb
صورة توضح كلامي اكثر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نبدا الشرح
يجب على التاكد من هذا الخيار على العلامة نعم
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ضع هذا الكود في بداية قالب topics_list_box
- الكود:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.dessk').each(function () {
var titl_link=$(this).children('.privs').children('.ixer').attr('title');
$(this).children('.tuy').prepend(titl_link);
});
});
</script>
ثم ابحث في نفس القالب عن هذا الكود
- الكود:
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
- الكود:
<div class="dessk"><div class="privs"><img src={topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} alt="" class="ixer" /></div><div class="tuy"></div></div>
ثم سجل
و من ثم اذهب الى قالب Posting_body
و ابحث عن هذا الكود
- الكود:
<!-- BEGIN switch_description -->
<dl>
<dt><label>{L_DESCRIPTION}</label></dt>
<dd class="frm-input">
<input type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
</dd>
</dl>
<!-- END switch_description -->
و ضع مكانه هذا الكود
- الكود:
<!-- BEGIN switch_description -->
<dl class="mask_des" style="display: none;">
<dt><label>{L_DESCRIPTION}</label></dt>
<dd class="frm-input">
<input type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
</dd>
</dl>
<!-- END switch_description -->
هذا بالنسبة لنسخة phpbb
الان نسخة ال phpbb2
نبقى في نفس القالب ابحث عن هذا الكود
- الكود:
<!-- BEGIN switch_description -->
<tr>
<td class="row1" width="22%"><span class="gen"><b>{L_DESCRIPTION}</b></span></td>
<td class="row2" width="78%">
<span class="gen">
<input class="post" style="width:450px" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
</span>
</td>
</tr>
<!-- END switch_description -->
- الكود:
<!-- BEGIN switch_description -->
<tr>
<td class="row1 mask_des" style="display: none" width="22%"><span class="gen"><b>{L_DESCRIPTION}</b></span></td>
<td class="row2 mask_des" style="display: none" width="78%"><span class="gen">
<input class="post" style="width:450px" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
</span>
</td>
</tr>
<!-- END switch_description -->
و سجل التعديلات
الان قم بانشاء عنصر شخصي في العناصر المستقلة على المنتدى
وتضع فيه هذا الكود
- الكود:
<style type="text/css">
.mask_des {
display: block !important
}
</style>
هذا بالنسبة لنسخة الــ phpbb
وهذا لنسخة الـــphpbb2
- الكود:
<style type="text/css">
.mask_des {
display: table-cell !important
}
</style>
عدل على الصلاحيات لهذا العنصر و اتركها للمدير فقط
و سجل
و الان عندما تقوم باشاء موضوع جديد
قم بوضع رابط الصورة مباشرة التي تريد ظهورها في الوصف
صورة توضح اكثر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بهذا اكون قد أنتهيت من الشرح بالتوفيق للجميع ان شاء الله
اذا هناك استفسار نحن متواجدون كي نرد على كل استفساراتكم
جميع الحقوق محفوظة لدى منتديات تونس الابداع
العالم العربي :: الكمبيوتر والجوالات وتطويرالمواقع والمنتديات :: الكمبيوتر والأنترنت :: التطوير ولغات البرمجة :: تطوير منتديات أحلى منتدى :: الأكواد و التقنيات
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى