السلام عليكم احبتي

لوسمحتم كنت اريد طريقة لاظهار ايقونات القسم في نسخة الجوال

و للعلم انا استخدم هذه الطريقة لاظهار الايقونات في النسخة العادية و هي عبارة عن كود جافا سكريبت :

كود تغيير ايقونة حالة القسم

فهل يمكن عمل نفس الشيء في نسخة المحمول في نفس هذا المكان مثلا



شكرا مقدما

>>>

هل تقصد بأيقونات القسم
موضوع جديد
لا يوجد مواضيع جديدة
مقفل
؟؟

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



اريد طريقة لوضع ايقونات القسم في نسخة الجوال

طيب ممكن تركب القالب index_box هذا في قوالب نسخة الجوال في منتداك و خليني اشوف

الكود:

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forum">
      <h2>{catrow.tablehead.L_FORUM}</h2>
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
      <a href="{catrow.forumrow.U_VIEWFORUM}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="{catrow.forumrow.FOLDER_CLASSNAME} forum-section">
                  <div class="forum-icon">
                    <!-- BEGIN avatar -->
                    <div class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </div>
                    <!-- END avatar -->
                  </div>
         <div class="forum-content">
            <h3>{catrow.forumrow.FORUM_NAME}</h3><div class="forum-statistics">{catrow.forumrow.POSTS} {L_POSTS}</div>
                             <div class="forum-lastpost">{catrow.forumrow.LATEST_TOPIC_NAME}</div>
            <div class="forum-lastpost-time">{catrow.forumrow.L_LATEST_POST_FROM_THE}</div>
         </div>
      </a>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
   </div>
   <!-- END tablefoot -->
<!-- END catrow -->

تم التركيب اخي و لكن لم تظهر

الرابط للمعاينة  في اسفل البيانات

جرب استبدل القالب بهذا الكود

الكود:

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forum">
      <h2>{catrow.tablehead.L_FORUM}</h2>
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
                  <div class="forum-section">
                  <div class="forum-icon">
                    <!-- BEGIN avatar -->
                    <table>
                      <tr>
                        <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                          <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                        </td>
                      </tr>
                    </table>
                    <!-- END avatar -->
                  </div>
         <div class="forum-content">
                          <a href="{catrow.forumrow.U_VIEWFORUM}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="{catrow.forumrow.FOLDER_CLASSNAME}" id="forum-link">
            <h3>{catrow.forumrow.FORUM_NAME}</h3>
                        </a>
                          <div class="forum-statistics">{catrow.forumrow.POSTS} {L_POSTS}</div>
                             <div class="forum-lastpost">{catrow.forumrow.LATEST_TOPIC_NAME}</div>
            <div class="forum-lastpost-time">{catrow.forumrow.L_LATEST_POST_FROM_THE}</div>
         </div>
      
                  </div>
                  <style>
                  a h3 {
    color: #0f77f5;
}
                  </style>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
   </div>
   <!-- END tablefoot -->
<!-- END catrow -->

شكرا لك اخي لكنه لا يعمل

اهلا وسهلا بك
ضع الايقونة بوصف المنتدى وليس بخانه وضع الرابط لايقونة القسم
دمت بخير

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

اتمنى بجد كلامي ميكنش ضايقك و اعتبريها على الاقل نصيحة اخوية

شكرا مرة تانية

وعليكم السلام

جرب هذا الكود صديقى

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

Power Lord animus كتب:وعليكم السلام

جرب هذا الكود صديقى

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

 
لا اله الا الله ، شكرا  لك اخي بس انتا قرات الاستفسار كويس ؟؟!!!!!!!!!!!!!!!

من فضلك قم بألغاء قالب index_box و اتركه كما كان سابقاً لكي اجري عليه بعض التجارب

تم حذفت القالب يا عمر

بارك الله فيك

تم اضافة كود جافا و اكواد css الي القالب index_box
جرب هذا وأخبرني بالنتيجة

الكود:

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forum">
      <h2>{catrow.tablehead.L_FORUM}</h2>
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
      <a href="{catrow.forumrow.U_VIEWFORUM}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="{catrow.forumrow.FOLDER_CLASSNAME} forum-section">
                  <script>
                    jQuery(document).ready(function(){
                      var a=[];
                    a[2]=["ficon2"],
                    a[3]=["ficon3"],
                    a[8]=["ficon8"],
                    a[28]=["ficon28"],
                    a[20]=["ficon20"],
                    a[33]=["ficon33"],
                    a[41]=["ficon41"],
                    a[48]=["ficon48"],
                    a[63]=["ficon63"],
                    a[37]=["ficon37"],
                    a[60]=["ficon60"],
                    a[19]=["ficon19"],
                    a[25]=["ficon25"],
                    a[26]=["ficon26"],
                    a[21]=["ficon21"],
                    a[55]=["ficon55"],
                    jQuery(".forum a").each(function(){
                    var b=jQuery(this).attr("href").match(/^\/f(\d+)-/)[1];
                    void 0!==a[b]&&jQuery(this).closest("a").find(".material-icons").attr("class",a[b])
                    })});
                  </script>
                  <style>
                  i.ficon3 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -1064px -2px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon28 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -998px -2px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon8 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -790px -76px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon20 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -931px -2px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon33 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -799px -2px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon41 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -732px -2px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon41 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -732px -2px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon63 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -597px -2px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon37 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -1133px -2px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon55 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -529px -2px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon60 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -1132px -76px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon19 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -859px -76px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon25 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -1065px -76px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon26 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -997px -76px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}
img.ficon21 {
    background: url(http://i35.servimg.com/u/f35/19/14/82/76/ks_css19.png) no-repeat -865px -2px;
    height: 64px;
    width: 64px;
    transform: scale(0.6);
    position: relative;
    right: -14px;
    top: -14px;
}

                  </style>
                  <div class="forum-icon"><i class="material-icons"></i>
                  <!-- <!-- BEGIN avatar -->
                    <div class="forum-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
                    <!-- END avatar --> -->
                  </div>
         <div class="forum-content">
            <h3>{catrow.forumrow.FORUM_NAME}</h3><div class="forum-statistics">{catrow.forumrow.POSTS} {L_POSTS}</div>
                             <div class="forum-lastpost">{catrow.forumrow.LATEST_TOPIC_NAME}</div>
            <div class="forum-lastpost-time">{catrow.forumrow.L_LATEST_POST_FROM_THE}</div>
         </div>
      </a>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
   </div>
   <!-- END tablefoot -->
<!-- END catrow -->

كل الشكر و التقدير لك اخ عمر الطريقة اشتغلت و قدمت المساعدة على اكمل وجه .. الف شكر ليك يا غالي ع مجهودك