طلب تعديل علي قالب index_box و topics_list_box

السلام عليكم
 

كنت محتاج احد يعدل لي علي قالب index_box و
 

 

اكوادهم
 

الكود:

<ul class="linklist top">

الكود:

<!-- BEGIN switch_user_logged_in -->

الكود:

<li>

الكود:

<a href="{U_SEARCH_NEW}"><i class="ion-ios-flame"></i>{L_SEARCH_NEW}</a>

الكود:

</li>

الكود:

<li>

الكود:

<a href="{U_SEARCH_SELF}"><i class="ion-ios-box-outline"></i>{L_SEARCH_SELF}</a>

الكود:

</li>

الكود:

<!-- END switch_user_logged_in -->

الكود:

<li>

الكود:

<a href="{U_SEARCH_UNANSWERED}"><i class="ion-ios-chatbubble-outline"></i>{L_SEARCH_UNANSWERED}</a>

الكود:

</li>

الكود:

<!-- BEGIN switch_user_logged_in -->

الكود:

<li class="rightside">

الكود:

<a href="{U_MARK_READ}" accesskey="m"><i class="ion-android-checkmark-circle"></i>{L_MARK_FORUMS_READ}</a>

الكود:

</li>

الكود:

<!-- END switch_user_logged_in -->

الكود:

</ul>

الكود:

<style>

الكود:

.sub-forum-links {

الكود:

   position: relative;

الكود:

   display: inline-block;

الكود:

}

الكود:

 .sub-forum-links strong {

الكود:

   padding-left: 15px;

الكود:

   background: url(//i56.servimg.com/u/f56/18/59/49/93/arrow_10.png) left center no-repeat;

الكود:

}

الكود:

 .subLink {

الكود:

   border: 1px solid #e7e7e7;

الكود:

   border-radius: 3px;

الكود:

   background: #fff;

الكود:

   position: absolute;

الكود:

   padding: 5px 0;

الكود:

   box-shadow: 0 1px 3px rgba(0, 0, 0, .24);

الكود:

   top: 5px;

الكود:

   right: 10px;

الكود:

   z-index: 30;

الكود:

   visibility: hidden;

الكود:

   opacity: 0;

الكود:

   transition: all .2s ease-in-out;

الكود:

}

الكود:

 .subLink:after, .subLink:before {

الكود:

   position: absolute;

الكود:

   z-index: 20;

الكود:

   width: 0;

الكود:

   height: 0;

الكود:

   border-style: solid;

الكود:

   content: " ";

الكود:

   top: -6px;

الكود:

   border-width: 0 8px 8px;

الكود:

   left: 14px;

الكود:

   border-color: transparent transparent #fff;

الكود:

}

الكود:

 .subLink:before {

الكود:

   z-index: 10;

الكود:

   top: -8px;

الكود:

   border-bottom-color: #e7e7e7;

الكود:

}

الكود:

 .subLink a {

الكود:

   display: block;

الكود:

   white-space: nowrap;

الكود:

   padding: 4px 15px;

الكود:

   color: #757575;

الكود:

   min-width: 95px;

الكود:

   margin: 4px 0;

الكود:

}

الكود:

 .subLink a:focus, .subLink a:hover {

الكود:

   color: #111;

الكود:

   background: #e7e7e7;

الكود:

}

الكود:

 .sub-forum-links:hover .subLink {

الكود:

   top: 25px;

الكود:

   visibility: visible;

الكود:

   opacity: 1;

الكود:

}

 

الكود:

</style>

الكود:

<!-- BEGIN catrow -->

الكود:

 <!-- BEGIN tablehead -->

الكود:

 <div class="forabg main-forums">

الكود:

   <ul class="topiclist">

الكود:

     <li class="header">

الكود:

       <div class="forum-title"><div class="table-title">{catrow.tablehead.L_FORUM}</div></div>

الكود:

     </li>

الكود:

     <li>  

الكود:

      <table class="forum-header-block">

الكود:

         <tr class="forum-header">

الكود:

           <td class="forum-icon"></td>

الكود:

           <td class="forum-name" ><img src="https://www12.0zz0.com/2022/02/21/23/301010284.png" title="منتدي"  /></td>

الكود:

           <td class="forum-topics" align="center"><img src="https://www4.0zz0.com/2022/02/20/00/112994177.png" title="المواضيع" /></td>

الكود:

           <td class="forum-posts" align="center"><img src="https://www4.0zz0.com/2022/02/20/00/864183005.png" title="المساهمات" /></td>

الكود:

           <td class="poster-avatar" align="center"><img src="https://www9.0zz0.com/2022/02/20/00/867278379.png" title="الصورة" /></td>

الكود:

           <td class="forum-last-post" align="center" ><img src="https://www4.0zz0.com/2022/02/20/00/503432690.png"  title="آخر مساهمة" /></td>

الكود:

         </tr>

الكود:

     </table>

الكود:

       

الكود:

     </li>

الكود:

   </ul>

الكود:

   <ul class="topiclist forums toggle">

الكود:

     <!-- END tablehead -->

الكود:

     

الكود:

     <!-- BEGIN forumrow -->

الكود:

      <table class="forum-block">

الكود:

         <tr class="forum-row">

الكود:

           

الكود:

           <td class="forum-icon">

الكود:

             <img src="{catrow.forumrow.FORUM_FOLDER_IMG}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

الكود:

           </td>

الكود:

           

الكود:

           <td class="forum-name">

الكود:

             <div class="forum-title-link">

الكود:

               <a href="{catrow.forumrow.U_VIEWFORUM}" class="forum_title">{catrow.forumrow.FORUM_NAME}</a>

الكود:

             </div> <div class="clearfix"></div>

الكود:

             <div class="forum-description">{catrow.forumrow.FORUM_DESC}</div>

الكود:

             <div class="sub-forum-links">

الكود:

               {catrow.forumrow.LINKS}

الكود:

             </div>

الكود:

             <!-- BEGIN switch_moderators_links -->

الكود:

             <div class="forum-moderators">

الكود:

               {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

الكود:

             </div>

الكود:

             <!-- END switch_moderators_links -->

الكود:

           </td>

الكود:

           

الكود:

           <td class="forum-topics">

الكود:

             <div class="forum-number-topics">

الكود:

               <span class="number">{catrow.forumrow.TOPICS}</span>

الكود:

             </div>

الكود:

           </td>

الكود:

           

الكود:

           <td class="forum-posts">

الكود:

             <div class="forum-number-topics">

الكود:

               <span class="number">{catrow.forumrow.POSTS}</span>

الكود:

             </div>

الكود:

           </td>

الكود:

           

الكود:

           <td class="poster-avatar" >

الكود:

             <!-- BEGIN ads -->

الكود:

             <span class="AD_LastPA">

الكود:

               <span class="lastpost-avatar"><img  src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>

الكود:

             </span>

الكود:

             <!-- END ads -->

الكود:

             

الكود:

             <!-- BEGIN avatar -->

الكود:

             <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>

الكود:

             <!-- END avatar -->

الكود:

           </td>

الكود:

           

الكود:

           <td class="forum-last-post">

الكود:

             <!-- BEGIN switch_topic_title -->

الكود:

             <a  href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />

الكود:

             <!-- END switch_topic_title -->

الكود:

             {catrow.forumrow.USER_LAST_POST}

الكود:

             

الكود:

             <!-- BEGIN ads -->

الكود:

             <span class="AD_LastInfos">

الكود:

                 <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />

الكود:

                 {catrow.forumrow.ads.DATE}<br />

الكود:

                 {catrow.forumrow.ads.LOCATION}

الكود:

               </span>

الكود:

             <!-- END ads -->

الكود:

             

الكود:

             

الكود:

           </td>

الكود:

           

الكود:

         </tr>

الكود:

     </table>

الكود:

     

الكود:

     <!-- END forumrow -->

الكود:

     

الكود:

     <!-- BEGIN tablefoot -->

الكود:

   </ul>

الكود:

 </div>

الكود:

 <!-- END tablefoot -->

الكود:

 <!-- END catrow -->

الكود:

<!-- BEGIN switch_on_index -->

الكود:

<ul class="linklist 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>

الكود:

<!-- BEGIN switch_delete_cookies -->

الكود:

<li class="rightside">

الكود:

<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="ion-trash-a"></i>{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>

الكود:

</li>

الكود:

<!-- END switch_delete_cookies -->

الكود:

</ul>

الكود:

<!-- END switch_on_index -->

الكود:

<div class="clear"></div>

الكود:

<script type="text/javascript">

الكود:

//<![CDATA[

الكود:

(function($) {

الكود:

   $(".sub-forum-links").each(function() {

الكود:

       var sub = $(this);

الكود:

       if (!sub.is("")) {

الكود:

           sub.contents().filter(function() {

الكود:

               return this.nodeType === 3;

الكود:

           }).remove().end().filter("a").wrap("<li></li>");

الكود:

           sub.wrapInner('<ul class="subLink"></ul>').prepend("الأقسام الفرعية: <strong>" + sub.find("a").length + "</strong>");

الكود:

       }

الكود:

   });

الكود:

})(jQuery);

الكود:

$(document).ready(function() {

الكود:

var btn_collapse = $('<div></div>', {

الكود:

class: 'btn-collapse'

الكود:

});

الكود:

var btn_collapse_show = $('<i></i>', {

الكود:

class: 'ion-android-add-circle hidden',

الكود:

'title': '{L_EXPEND_CAT}'

الكود:

}).appendTo(btn_collapse);

الكود:

var btn_collapse_hide = $('<i></i>', {

الكود:

class: 'ion-android-remove-circle',

الكود:

'title': '{L_HIDE_CAT}'

الكود:

}).appendTo(btn_collapse);

الكود:

var collapsed = [];

الكود:

if (readCookie('collapsed') != null &amp;&amp; readCookie('collapsed') != '') {

الكود:

collapsed = readCookie('collapsed').split(',');

الكود:

}

الكود:

$(document).on('click', '.btn-collapse', function() {

الكود:

$(this).children('.ion-android-add-circle').toggleClass('hidden');

الكود:

$(this).children('.ion-android-remove-circle').toggleClass('hidden');

الكود:

$(this).parents('.forabg').toggleClass('hidden');

الكود:

if (readCookie('collapsed') != null &amp;&amp; readCookie('collapsed') != '') {

الكود:

collapsed = readCookie('collapsed').split(',');

الكود:

}

الكود:

if (!$(this).parents('.forabg').hasClass('hidden')) {

الكود:

removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

الكود:

createCookie('collapsed', collapsed);

الكود:

} else {

الكود:

collapsed.push('' + $(this).parents('.forabg').data('cindex'));

الكود:

createCookie('collapsed', collapsed);

الكود:

}

الكود:

});

الكود:

$('.forabg').each(function(i) {

الكود:

$(this).data('cindex', '' + i);

الكود:

$(btn_collapse)

الكود:

.clone()

الكود:

.attr('id', 'forabg' + i)

الكود:

.appendTo($(this).find('.header'));

الكود:

if ($.inArray('' + i, collapsed) > -1) {

الكود:

$(this).toggleClass('hidden');

الكود:

$('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden');

الكود:

$('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden');

الكود:

}

الكود:

});

الكود:

});

الكود:

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>

 

الكود:

<div class="clear"></div>

الكود:

<!-- BEGIN topics_list_box -->

الكود:

<!-- BEGIN row -->

الكود:

<!-- BEGIN header_table -->

الكود:

<!-- BEGIN multi_selection -->

الكود:

<script type="text/javascript">

الكود:

function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()

الكود:

{

الكود:

alert('MAIN');

الكود:

var all_checked = true;

الكود:

for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) &amp;&amp; all_checked; i++)

الكود:

{

الكود:

if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')

الكود:

{

الكود:

all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;

الكود:

}

الكود:

}

الكود:

document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;

الكود:

}

الكود:

function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()

الكود:

{

الكود:

alert('ALL');

الكود:

for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)

الكود:

{

الكود:

if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')

الكود:

{

الكود:

document.{topics_list_box.FORMNAME}.elements[i].checked
 =
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;

الكود:

}

الكود:

}

الكود:

}

الكود:

</script>

الكود:

<!-- END multi_selection -->

الكود:

<div class="forumbg announcement">

الكود:

<ul class="topiclist topics">

الكود:

<li class="header">

الكود:

<div class="topic-title">

الكود:

                                 <div class="table-title">

الكود:

                                       <!-- BEGIN multi_selection -->

الكود:

                                       <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />

الكود:

                                       <!-- END multi_selection -->

الكود:

                                         {topics_list_box.row.L_TITLE}

الكود:

                                 </div>

الكود:

                               </div>

الكود:

</li>

الكود:

                       <li>  

الكود:

                        <table border="0" class="forum-header-block">

الكود:

                           <tr class="forum-header">

الكود:

                             <td class="forum-icon"></td>

الكود:

                             <td class="forum-name"><img src="https://www12.0zz0.com/2022/02/21/23/301010284.png" title="منتدي" /></td>

الكود:

                             <td class="forum-topics" align="center"><img src="https://www4.0zz0.com/2022/02/20/00/112994177.png" title="المواضيع" /></tD>

الكود:

                             <td class="forum-posts views" align="center"><img src="https://www6.0zz0.com/2022/02/20/01/139330573.png" title="المشاهدات" /></td>

الكود:

                             <td class="poster-avatar" align="center"><img src="https://www9.0zz0.com/2022/02/20/00/867278379.png" title="الصورة" /></td>

الكود:

                             <td class="forum-last-post" align="center"><img src="https://www6.0zz0.com/2022/02/20/01/384187105.png" title="الكاتب" /></td>

الكود:

                           </tr>

الكود:

                        </table>

الكود:

                       </li>

الكود:

</ul>

الكود:

<ul class="topiclist topics bg_none">

الكود:

<!-- END header_table -->

الكود:

<!-- BEGIN header_row -->

الكود:

       <div class="topic-title">

الكود:

         <div class="table-title">

الكود:

<strong>{topics_list_box.row.L_TITLE}</strong>

الكود:

         </div>

الكود:

       </div>

الكود:

<!-- END header_row -->

الكود:

<!-- BEGIN topic -->

الكود:

<!-- BEGIN table_sticky -->

الكود:

</ul>

الكود:

</div>

الكود:

<div class="forumbg">

الكود:

<ul class="topiclist topics">

الكود:

<li class="header">

الكود:

<div class="topic-title">

الكود:

                                 <div class="table-title">

الكود:

<!-- BEGIN multi_selection -->

الكود:

<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />

الكود:

<!-- END multi_selection -->

الكود:

{topics_list_box.row.topic.table_sticky.L_TITLE}

الكود:

                                 </div>

الكود:

                               </div>

الكود:

</li>

الكود:

                       <li>  

الكود:

                        <table class="forum-header-block">

الكود:

                           <tr class="forum-header">

الكود:

                             <td class="forum-icon"></td>

الكود:

                             <td class="forum-name"><img src="https://www12.0zz0.com/2022/02/21/23/301010284.png" title="منتدي" /></td>

الكود:

                             <td class="forum-topics" align="center"><img src="https://www4.0zz0.com/2022/02/20/00/112994177.png" title="المواضيع" /></td>

الكود:

                             <td class="forum-posts views" align="center"><img src="https://www6.0zz0.com/2022/02/20/01/139330573.png" title="المشاهدات" /></td>

الكود:

                            <td class="poster-avatar" align="center"><img src="https://www9.0zz0.com/2022/02/20/00/867278379.png" title="الصورة" /></td>

الكود:

                             <td class="forum-last-post" align="center"><img src="https://www6.0zz0.com/2022/02/20/01/384187105.png" title="الكاتب" /></td>

الكود:

                           </tr>

الكود:

                        </table>

الكود:

                       </li>

الكود:

</ul>

الكود:

<!-- END table_sticky -->

الكود:

      <table class="forum-block">

الكود:

         <tr class="forum-row">

الكود:

             <!-- BEGIN single_selection -->

الكود:

                     <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />

الكود:

             <!-- END single_selection -->

الكود:

           <td class="forum-icon">

الكود:

             <img src="{topics_list_box.row.TOPIC_FOLDER_IMG}" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" />

الكود:

           </td>

الكود:

           

الكود:

           <td class="forum-name" {topics_list_box.row.ICON}>

الكود:

<span class="newpost-img">{topics_list_box.row.NEWEST_POST_IMG}</span>

الكود:

               <span class="participated">{topics_list_box.row.PARTICIPATE_POST_IMG}</span>

الكود:

  <span class="topic-type">{topics_list_box.row.TOPIC_TYPE}</span>

الكود:

             <div class="forum-title-link">

الكود:

               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">

الكود:

{topics_list_box.row.TOPIC_TITLE}

الكود:

              </a>

الكود:

             </div>

الكود:

              <div class="forum-description">

الكود:

                   <!-- BEGIN switch_description -->

الكود:

                   <div class="topic-desc">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>

الكود:

                   <!-- END switch_description -->

الكود:

</div>

الكود:

               <div class="topic-info">

الكود:

                   <span class="topic-author">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span>

الكود:

                   {topics_list_box.row.GOTO_PAGE_NEW}

الكود:

                   <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->

الكود:

</div>

الكود:

           </td>

الكود:

           

الكود:

           <td class="forum-topics">

الكود:

             <div class="forum-number-topics">

الكود:

               <span class="number">{topics_list_box.row.REPLIES}</span>

الكود:

             </div>

الكود:

           </td>

الكود:

           

الكود:

           <td class="forum-posts">

الكود:

             <div class="forum-number-topics">

الكود:

               <span class="number">{topics_list_box.row.VIEWS}</span>

الكود:

             </div>

الكود:

           </td>

الكود:

           

الكود:

           <td class="poster-avatar">

الكود:

             <!-- BEGIN avatar -->

الكود:

                     <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>

الكود:

             <!-- END avatar -->

الكود:

           </td>

الكود:

           

الكود:

           <td class="forum-last-post">

الكود:

             <span>

الكود:

                     {topics_list_box.row.LAST_POST_AUTHOR} <dfn></dfn>
 {topics_list_box.row.LAST_POST_IMG}<br
/>{topics_list_box.row.LAST_POST_TIME}

الكود:

             </span>

الكود:

           

الكود:

     <!-- BEGIN multi_selection -->

الكود:

             <input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />

الكود:

     <!-- END multi_selection -->

الكود:

</td>

الكود:

         </tr>

الكود:

     </table>

الكود:

<!-- END topic -->

الكود:

<!-- BEGIN no_topics -->

الكود:

      <table class="forum-block">

الكود:

         <tr class="forum-row">

الكود:

<td class="forum-name">

الكود:

<dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt>

الكود:

</td>

الكود:

  </tr>

الكود:

</table>

الكود:

<!-- END no_topics -->

الكود:

<!-- BEGIN bottom -->

الكود:

</div>

الكود:

<!-- END bottom -->

الكود:

<!-- BEGIN spacer --><br /><!-- END spacer -->

الكود:

<!-- END row -->

الكود:

<!-- END topics_list_box -->

اريدهم يصبحو مثل هذا
 


 
 
 


 
 
 
عند المرور علي صورة المنتدي تعمل ظل للبنفسجي
 
 
 
 
شكرآ جزيلا لمن يقدر يساعدني
 
 
 
السلام عليكم