[طلب] طريقة اضافة "المواضيع|المساهمات" اسفل اسم القسم

السلام عليكم

اريد جعل عبارة المساهمات | المواضيع على الصفحة الرئيسية


لتصبح كما في هذا الموضوع

https://help.ahlamontada.com/t898714-topic


لكن اريده بالتعديل على التومبيلات  من غير جافا سكربت


نسخة منتداي
phpbb3

وشكراً

مرحباً بك عزيزي 

حاليا لا تتوفر على النسخه الثالثه 
سابقاً قد صنعت تومبلايت لأحد االخوه وهي للنسخه الثانيه على الموضوع التالي
https://help.ahlamontada.com/t1076664-topic
وان كنت تريدها على النسخه الثالثه سوف اتأخر على تصميمها يومين او اكثر 

‏@‏new.moon‏ خذ وقتك صديقي

تفضل جرب هذا بتومبلات index_body
جد السطر

الكود:

<!-- END switch_user_login_form_header -->

ثم اضف بعدة

الكود:

<script>
          var CopyrightNotice = 'Micsoft.';
           
                $(function() {
                    if ($('.forabg ul.forums')[0]) {
                        $('.hierarchy').next().remove();
                        x=$('.forabg ul.forums dl.icon').get();
                        for (i=0; i<x.length; i++) {
                            var topics=x[i].childNodes[1].childNodes[0].nodeValue;
                            var posts=x[i].childNodes[2].childNodes[0].nodeValue;
                            $(x[i]).find('.hierarchy').after('<div
                class="Micsoft"
                style="margin-bottom:3px;font-size:1.1em;">
       
       
            <td> المواضيع  </td><b> '+topics +'  </b>
       
              <td> </td>  <td> || </td> <td>  </td>
       
       
            <td>  المشاركات </td><b>  '+posts+'  </b>
       
         
       
       
            </div>');    }
             
       
           
                        $('.forabg').addClass('index-box');
                        $('.forabg dd.topics').remove();
                        $('.forabg dd.posts').remove();
                    }
                });
</script>
<style>
    .Micsoft{
    background: none repeat scroll 0 0 #edfbff;
        border: 1px dotted #999999;
        margin-top: 5px;
        padding: 3px;
    }
    div.index-box dl.icon dd.dterm {width: 68%;}
    div.index-box dl.icon dd.lastpost {float: right; width: 29%;}
</style>

اخبرنى بالنتيجه تحياتى
مايكل سوفت

عزيزي مايكل هذا نفس كود جافا سكربت

حذيفة احمد كتب:عزيزي مايكل هذا نفس كود جافا سكربت

صحيح وتم تحويله الى تومبلات التومبلات ليس اكثر من مجرد لغة HTML
مع العلم انه اكواد الجافا تستطيع فعل اشياء قد لا تتمكن لغة الHTML من فعلها
اذا اردت تومبلات فقط فهذا يعنى استبدال لـLayout باكملها وتقسيم الجداول الخاص بعرض الفئات والمواضيع
ولهذا السبب فانها قد تستغرق وقتا
لذلك ونصيحه استخدم الجافا اسهل اذا اردت المظهر المطلوب

قد يكون معك حق لكن ,
عند استخدام كود جافا سكربت للتغيير في مظهر الصفحة وعند فحص الموقع بادوات قوقل
https://developers.google.com/speed/pagespeed/insights/
يظهر لي ع
" ليك التخلص من عناصر جافاسكربت التي تؤدي لحظر المحتوى"

لذا اكواد هتمل اضمن لسرعة المنتدى والارشفة بشكل سليم ,

لذا لا مشكلة في الانتظار عدة ايام اخرى :)

مرحبا ,
تفضل أخي الحبيب :

الشكل النهائي بعد إضافة الكود :
https://i.servimg.com/u/f18/09/00/24/53/capthh11.png

index_body 

الكود:

<ul class="linklist">
 <!-- BEGIN switch_user_logged_in -->
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
 <!-- END switch_user_logged_in -->
 <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 <!-- BEGIN switch_user_logged_in -->
 <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
 <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <div class="forabg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist">
 <li class="header">
 <dl class="icon">
 <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
<dd class="topics">{L_TOPICS}</dd>
 <dd class="posts">{L_POSTS}</dd>
 <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
 </dl>
 </li>
 </ul>
 <ul class="topiclist forums">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <li class="row">
 <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
 <dd class="dterm">
 <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
 <h{catrow.forumrow.LEVEL} class="hierarchy">
 <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
 </h{catrow.forumrow.LEVEL}>
 <br />
 {catrow.forumrow.FORUM_DESC}
                                                          
     <div class="LASTTOBIC"><img src="http://i19.servimg.com/u/f19/15/90/68/93/loupe112.png"> المواضيع :<font color="#C08A8C"> {catrow.forumrow.POSTS}</font>&nbsp;&nbsp; <img src="http://i19.servimg.com/u/f19/15/90/68/93/loupe112.png"> الردود :<font color="#C08A8C">{catrow.forumrow.TOPICS} </font>  
                          
<DIV class="shareinRSS"
       align=left><A href="/search"><IMG src="http://i86.servimg.com/u/f86/13/36/40/30/search11.png"></A>&nbsp;<A href="{catrow.forumrow.LINKS}"><IMG
src="http://i86.servimg.com/u/f86/13/36/40/30/rss11.png"></A>&nbsp;<A href="{catrow.forumrow.U_LATEST_TOPIC}"><IMG src="http://i86.servimg.com/u/f86/13/36/40/30/edit12.png"></A></SPAN></DIV>
                          
                          </div>
 <!-- BEGIN switch_moderators_links -->
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
 </div>
 </dd>

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

 <span>
 <!-- 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}
 </span>
 </dd>
 </dl>
 </li>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </ul>

 <span class="corners-bottom"><span></span></span></div>
 </div>
 <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
 <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
 <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</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">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
 <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->


وهذا بدون عمود عددالمواضيع وعدد المساهمات 

الكود:

<ul class="linklist">
 <!-- BEGIN switch_user_logged_in -->
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
 <!-- END switch_user_logged_in -->
 <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 <!-- BEGIN switch_user_logged_in -->
 <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
 <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <div class="forabg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist">
 <li class="header">
 <dl class="icon">
 <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>


 <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
 </dl>
 </li>
 </ul>
 <ul class="topiclist forums">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <li class="row">
 <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
 <dd class="dterm">
 <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
 <h{catrow.forumrow.LEVEL} class="hierarchy">
 <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
 </h{catrow.forumrow.LEVEL}>
 <br />
 {catrow.forumrow.FORUM_DESC}
                                                          
     <div class="LASTTOBIC"><img src="http://i19.servimg.com/u/f19/15/90/68/93/loupe112.png"> المواضيع :<font color="#C08A8C"> {catrow.forumrow.POSTS}</font>&nbsp;&nbsp; <img src="http://i19.servimg.com/u/f19/15/90/68/93/loupe112.png"> الردود :<font color="#C08A8C">{catrow.forumrow.TOPICS} </font>  
                          
<DIV class="shareinRSS"
       align=left><A href="/search"><IMG src="http://i86.servimg.com/u/f86/13/36/40/30/search11.png"></A>&nbsp;<A href="{catrow.forumrow.LINKS}"><IMG
src="http://i86.servimg.com/u/f86/13/36/40/30/rss11.png"></A>&nbsp;<A href="{catrow.forumrow.U_LATEST_TOPIC}"><IMG src="http://i86.servimg.com/u/f86/13/36/40/30/edit12.png"></A></SPAN></DIV>
                          
                          </div>
 <!-- BEGIN switch_moderators_links -->
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
 </div>
 </dd>

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

 <span>
 <!-- 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}
 </span>
 </dd>
 </dl>
 </li>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </ul>

 <span class="corners-bottom"><span></span></span></div>
 </div>
 <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
 <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
 <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</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">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
 <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

ضع هذا الكود في ورقة css 

الكود:


.LASTTOBIC {
   float: right;
  width: 490px;
  font-size: 12px;
background: none repeat scroll 0 0 #F0EFEE;
border: 1px solid #B5B5B5;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
   margin: 13px 0;
  padding: 5px;
  color: #898989;
}
 
.shareinRSS {
height: 25px;
margin-bottom: -5px;
margin-top: -20px;
}

.... إذا كان قد سبق لك أن عدلت على قالب index_body فيمكنك وضعه هنا كي يتم تنسيقه كما المطلوب