أهلاً بك في منتدى انكور التطويري

شرفتنا بحضورك لمنتدى انكور التطويري، المجتمع العربي للمحتوى المفيد والحصري حيث ستجد لدينا ما تحتاج لتزيد من معرفتك وخبراتك والمساحة الآمنة لنشر معرفتك ومشاركتها مع الاعضاء والزوار
تسجيل

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

M

moment

عضو جديد
عضو انكور
السلام عليكم

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

 ​
topics_list_box​
 
 
الصور​
tttt10.png
untitl10.png


 ​
 
 
اكوادهم

 ​
 
 
index_box



كود: 
 <code><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>
             <!-- 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>
                 {catrow.forumrow.ads.DATE}
                 {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 && 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 && 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></code>



topics_list_box​


كود: 
 <code><!-- 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) && 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}{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 --><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box --></code>
​
اريدهم يصبحو مثل هذا

 ​
untitl11.png


 ​
 
 
untitl13.png


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

 ​
 
 
السلام عليكم

 ​
 
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.

✔ نبذة عنا

منتدى انكور التطويري لدعم وتطوير المواقع والمنتديات والمحتوى العربي. نسعى للارتقاء في المحتوى العربي وتقديم الخدمات المتنوعة لأصحاب المواقع والمنتديات بأحدث الامكانيات والشروحات مجانًا.

🚀 روابط نصية

◃منتديات واب تونس◃رابط نصي ◃رابط نصي ◃رابط نصي

◃رابط نصي ◃رابط نصي ◃رابط نصي ◃رابط نصي

◃رابط نصي ◃رابط نصي ◃رابط نصي ◃رابط نصي

عودة
أعلى