طلب تعديل على قالب index_box

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

فالمطلوب هو تصغير حجم الصورة لتتنساب مع القالب وشكرا لكم
ملحوظة : القالب لا يحتوي على كود آخر css
القالب هو :

الكود:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom">  <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span>  <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom">  <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />  <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table>  <div style="background: #fff;padding: 10px 10px;margin: 0px 10px;border-radius: 5px;margin-bottom: 30px;border: 1px solid #c3c3c3;"> <table width="100%" cellspacing="1" cellpadding="6" border="0" align="center"> <tbody> <tr> <td colspan="5" class="tcat" style="position:relative;"> <div style="position: absolute;background: #146DC7;height: 48px; width: 22px;top: 0px;right: -22px;border-radius: 0px 5px 5px 0px;"></div>   <a class="tal-top">{catrow.tablehead.L_FORUM}</a> <div style="position: absolute;background: #146DC7;height: 48px;width: 22px;top: 0px;left: -22px;border-radius: 5px 0px 0px 5px;"> </div> </td> </tr> </tbody> <tbody style="" id="collapseobj_forumbit_6">   <tr>  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>  <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr>   <tr align="center"> <td></td> <td width="65%" align="right"></td> <td width="29%"></td> </tr> <tr align="center" class="border-bo-fo"> <td> <img border="0" id="forum_statusicon_7" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}." style="cursor: pointer;"> </td>  <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>  <td align="right" id="f7"> <div class="title-form-home"> <a href="{catrow.forumrow.U_VIEWFORUM}"> {catrow.forumrow.FORUM_NAME} </a> <span class="smallfont"></span> </div> <ul style="padding: 0px;margin: 0px;"> <li style="float:right;background: #d9ebeb;color: #364350; padding: 5px 10px;border-radius: 4px;font-family: h1;font-size: 12px;font-weight: normal;margin: 0px 0px 0px 10px;"><i class="fa fa-file"></i> مواضيع :{catrow.forumrow.TOPICS}</li> <li style="float:right;background: #def0d0;color: #364350; padding: 5px 10px;border-radius: 4px;font-family: h1;font-size: 12px;font-weight: normal;margin: 0px 0px 0px 10px;"><i class="fa fa-tag"></i> مشاركات : {catrow.forumrow.POSTS}</li> <li style="float:right;background: #ffddb1;color: #364350; padding: 5px 10px;border-radius: 4px;font-family: h1;font-size: 12px;font-weight: normal;margin: 0px 0px 0px 10px;"> <div class="smallfont sub-click"> </div> </li> </ul> </td> <td> <div style="background: #F6EFF2;padding: 0px 5px;border: 1px solid #e3e3e3;border-radius: 5px;min-height: 10px;overflow: hidden;"> <div> <a>  <div style="width: 200px;"></div> <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>  </a> </div> <div style="width:74%;float:center;padding: 5px 10px 0px 0px;"> <div align="center" class="smallfont"> <div style="line-height: 20px;" class="new-po-posts"> <span style="white-space:nowrap"> الأحدث: <a style="font-size:14px;font-family: h1;">{catrow.forumrow.LAST_POST}</a></span> </div> </div> </div> </div> </td> </tr> </tbody>   <tr>  <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>  <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr>   </table> </div>  <img src="{SPACER}" alt="" height="5" width="1" />  <br>

من طرف DeLeTe الإثنين 13 يوليو 2020 - 1:22

السلام عليكم ورحمة الله وبركاته.
ما هي نسخه المنتدى المستخدمه؟

DeLeTe كتب:السلام عليكم ورحمة الله وبركاته.
ما هي نسخه المنتدى المستخدمه؟

AwesomeBBBETA

من طرف DeLeTe الإثنين 13 يوليو 2020 - 4:53

تفضلي قومي باستبدال قالب index_box بهذا

الكود:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom">  <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span>  <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom">  <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />  <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table>  <div style="background: #fff;padding: 10px 10px;margin: 0px 10px;border-radius: 5px;margin-bottom: 30px;border: 1px solid #c3c3c3;"> <table width="100%" cellspacing="1" cellpadding="6" border="0" align="center"> <tbody> <tr> <td colspan="5" class="tcat" style="position:relative;"> <div style="position: absolute;background: #146DC7;height: 48px; width: 22px;top: 0px;right: -22px;border-radius: 0px 5px 5px 0px;"></div>   <a class="tal-top">{catrow.tablehead.L_FORUM}</a> <div style="position: absolute;background: #146DC7;height: 48px;width: 22px;top: 0px;left: -22px;border-radius: 5px 0px 0px 5px;"> </div> </td> </tr> </tbody> <tbody style="" id="collapseobj_forumbit_6">   <tr>  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>  <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr>   <tr align="center"> <td></td> <td width="65%" align="right"></td> <td width="29%"></td> </tr> <tr align="center" class="border-bo-fo"> <td> <img border="0" id="forum_statusicon_7" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}." style="cursor: pointer;"> </td>  <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>  <td align="right" id="f7"> <div class="title-form-home"> <a href="{catrow.forumrow.U_VIEWFORUM}"> {catrow.forumrow.FORUM_NAME} </a> <span class="smallfont"></span> </div> <ul style="padding: 0px;margin: 0px;"> <li style="float:right;background: #d9ebeb;color: #364350; padding: 5px 10px;border-radius: 4px;font-family: h1;font-size: 12px;font-weight: normal;margin: 0px 0px 0px 10px;"><i class="fa fa-file"></i> مواضيع :{catrow.forumrow.TOPICS}</li> <li style="float:right;background: #def0d0;color: #364350; padding: 5px 10px;border-radius: 4px;font-family: h1;font-size: 12px;font-weight: normal;margin: 0px 0px 0px 10px;"><i class="fa fa-tag"></i> مشاركات : {catrow.forumrow.POSTS}</li> <li style="float:right;background: #ffddb1;color: #364350; padding: 5px 10px;border-radius: 4px;font-family: h1;font-size: 12px;font-weight: normal;margin: 0px 0px 0px 10px;"> <div class="smallfont sub-click"> </div> </li> </ul> </td> <td> <div style="background: #F6EFF2;padding: 0px 5px;border: 1px solid #e3e3e3;border-radius: 5px;min-height: 10px;overflow: hidden;"> <div> <a>  <div style="width: 200px;"></div> <span class="lastpost-avatarr">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>  </a> </div> <div style="width:74%;float:center;padding: 5px 10px 0px 0px;"> <div align="center" class="smallfont"> <div style="line-height: 20px;" class="new-po-posts"> <span style="white-space:nowrap"> الأحدث: <a style="font-size:14px;font-family: h1;">{catrow.forumrow.LAST_POST}</a></span> </div> </div> </div> </div> </td> </tr> </tbody>   <tr>  <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>  <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr>   </table> </div>  <img src="{SPACER}" alt="" height="5" width="1" />  <br>

وقومي بوضع كود css التالي:

الكود:: .lastpost-avatarr { float: right; padding: 2px; } .lastpost-avatarr img { width: 38px; height: 38px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .AD_LastPA .lastpost-avatarr { width: 30%; }

@DeLeTe شكرا كتيييير العملية نجحت ربي يكرمك
لكن ان استطعت اخذ من وقتك لماذا اسم الفئة لاتظهر بالجدول اريدها بإطار تظهر كشكل منسق لانها تظهر فوق اسم الفئات مباشرة
بما ان حضرتك محترف وشكرا مقدما

احبك ربى1 كتب:@DeLeTe شكرا كتيييير العملية نجحت ربي يكرمك
لكن ان استطعت اخذ من وقتك لماذا اسم الفئة لاتظهر بالجدول اريدها بإطار تظهر كشكل منسق لانها تظهر فوق اسم الفئات مباشرة
بما ان حضرتك محترف وشكرا مقدما

اهلا اختي الكود يحتاج الى اعادة كتابه لانه من نسخة مختلفه و كل نسخه لها وسم مختلف
لو قمتي بتغيير النسخة ستلاحظي وجود فرق كبير

على العموم هذا الي قدرت عليه:

الكود:: <ul class="action-bar action-bar-top">  <li> <a href="{U_SEARCH_NEW}"> <i class="material-icons">new_releases</i> {L_SEARCH_NEW} </a> </li> <li> <a href="{U_SEARCH_SELF}"> <i class="material-icons">account_box</i> {L_SEARCH_SELF} </a> </li>  <li> <a href="{U_SEARCH_UNANSWERED}"> <i class="material-icons">chat_bubble_outline</i> {L_SEARCH_UNANSWERED} </a> </li>  <li class="rightside"> <a href="{U_MARK_READ}" accesskey="m"> <i class="material-icons">done_all</i> {L_MARK_FORUMS_READ} </a> </li>  </ul>  <div style="background: #fff;padding: 10px 10px;margin: 0px 10px;border-radius: 5px;margin-bottom: 30px;border: 1px solid #c3c3c3;"> <table width="100%" cellspacing="1" cellpadding="6" border="0" align="center"> <tbody> <tr> <td colspan="5" class="tcat" style="position:relative;"> <div style="position: absolute;background: #146DC7;height: 48px; width: 22px;top: 0px;right: -22px;border-radius: 0px 5px 5px 0px;"></div>   <a class="tal-top"><div style="background: #d9d9d9;color: #364350;padding: 5px 10px;border-radius: 4px;font-family: h1;font-size: 15px; font-weight: bold;margin: 0px 0px 10px 0px;">{catrow.tablehead.L_FORUM}</div></a> <div style="position: absolute;background: #146DC7;height: 48px;width: 22px;top: 0px;left: -22px;border-radius: 5px 0px 0px 5px;"> </div> </td> </tr> </tbody> <tbody style="" id="collapseobj_forumbit_6">   <tr>  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>  <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr>   <tr align="center"> <td></td> <td width="65%" align="right"></td> <td width="29%"></td> </tr> <tr align="center" class="border-bo-fo"> <td> <img border="0" id="forum_statusicon_7" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}." style="cursor: pointer;"> </td>  <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>  <td align="right" id="f7"> <div class="title-form-home" style="width: 90%;background: #9ed2ff;color: #364350;padding: 5px 10px;border-radius: 4px;font-family: h1; font-size: 15px;font-weight: bold;margin: 0px 0px 4px 0px;"> <a href="{catrow.forumrow.U_VIEWFORUM}"> {catrow.forumrow.FORUM_NAME} </a> <span class="smallfont"></span> </div> <ul style="padding: 0px;margin: 0px;"> <li style="float:right;background: #d9ebeb;color: #364350; padding: 5px 10px;border-radius: 4px;font-family: h1;font-size: 12px;font-weight: normal;margin: 0px 0px 0px 10px;"><i class="fa fa-file"></i> مواضيع :{catrow.forumrow.TOPICS}</li> <li style="float:right;background: #def0d0;color: #364350; padding: 5px 10px;border-radius: 4px;font-family: h1;font-size: 12px;font-weight: normal;margin: 0px 0px 0px 10px;"><i class="fa fa-tag"></i> مشاركات : {catrow.forumrow.POSTS}</li> <li style="float:right;background: #ffddb1;color: #364350; padding: 5px 10px;border-radius: 4px;font-family: h1;font-size: 12px;font-weight: normal;margin: 0px 0px 0px 10px;"> <div class="smallfont sub-click"> </div> </li> </ul> </td> <td> <div style="background: #F6EFF2;padding: 0px 5px;border: 1px solid #e3e3e3;border-radius: 5px; min-height: 10px;overflow: hidden; margin-bottom: 15px;"> <div> <a>  <div style="width: 200px;"></div> <span class="lastpost-avatarr">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>  </a> </div> <div style="width:74%;float:right;padding: 5px 10px 0px 0px;"> <div align="center" class="smallfont"> <div style="line-height: 20px;" class="new-po-posts"> <span style="white-space:nowrap"> الأحدث: <a style="font-size:14px;font-family: h1;">{catrow.forumrow.LAST_POST}</a><a>{catrow.forumrow.LAST_POST_HOUR}</a></span> </div> </div> </div> </div> </td> </tr> </tbody>   <tr>  <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>  <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr>   </table> </div>  <img src="{SPACER}" alt="" height="5" width="1" />   <ul class="action-bar action-bar-bottom"> <li> <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> </li> <li> <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> </li> <li class="last"> <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a> </li>  <li class="rightside"> <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"> <i class="material-icons">delete</i> {switch_on_index.switch_delete_cookies.L_DELETE_COOKIES} </a> </li>  </ul>  <script type="text/javascript"> //<![CDATA[ $(document).ready(function () { var btn_collapse = $('<div/>', { class: 'forum-hide', html: '<div class="forum-hide-icon-a"></div><div class="forum-hide-icon-b"></div>', }); var collapsed = []; if (readCookie('collapsed') != null && readCookie('collapsed') != '') { collapsed = readCookie('collapsed').split(','); } $(document).on('click', '.forum-hide', function () { $(this).toggleClass('forum-show'); $(this).parents('.php').toggleClass('forum-hidden'); if (readCookie('collapsed') != null && readCookie('collapsed') != '') { collapsed = readCookie('collapsed').split(','); } if (!$(this).parents('.php').hasClass('forum-hidden')) { removeFromArray('' + $(this).parents('.php').data('cindex'), collapsed); createCookie('collapsed', collapsed); } else { collapsed.push('' + $(this).parents('.php').data('cindex')); createCookie('collapsed', collapsed); } }); $('.php').each(function (i) { $(this).data('cindex', '' + i); $(btn_collapse) .clone() .attr('id', 'forum' + i) .appendTo($(this).find('.forum-header')); if ($.inArray('' + i, collapsed) > -1) { $(this).find('.forum-hide').toggleClass('forum-show'); $(this).toggleClass('forum-hidden'); } if ($(this).find('.type-classified').length) { $(this) .addClass('type-table-classified') .find('.forum-statistics-header-posts, .forum-statistics-posts').remove(); } }); }); function removeFromArray(item, array) { var i = array.indexOf(item); if (i > -1) { array = array.splice(i, 1); } } function createCookie(name, value, days) { var expires; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toGMTString(); } else { expires = ""; } document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/"; } function readCookie(name) { var nameEQ = encodeURIComponent(name) + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) === ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length)); } return null; } //]]> </script>

,وقومي بحذف اكواد الـCSS السابقة واستبدالها بالاتي:

الكود:: .lastpost-avatarr { float: right; padding: 2px; } .lastpost-avatarr img { width: 38px; height: 38px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 20px; } .AD_LastPA .lastpost-avatarr { width: 30%; } .gensmall { display: none !imporant; }