مشكلة في نسخة الجوال

السلام عليكم

قبل فترة وجيزة قمت بالتعديل على قالب:
overall_header
وقالب:
viewtopic_body

في نسخة الجوال ، ولاحظت وجود مشكلة ، وهي: عند الدخول لمنتدى ، وتريد الانتقال للموضوع الاخير ((صفحة 1 من أصل 2))
لا تظهر

صورة توضح القصد:
https://drive.google.com/open?id=0B7xCbZ7xVvp8SDRBTy02MDJzcnc

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

دمت بخير

JAR7 كتب:وعليكم السلام ورحمة الله وبركاته
يوجد سهم بجانب الرقم شوف الصورة 

دمت بخير

السهم غير موجود في منتداي
هذا منتداي:
http://www.anas16572.com/f31-montada


اذهب للمنتدى وشاهد نسخة الجوال ثم شاهد النسخة الاصلية

السلام عليكم.. اخي قم بوضع قالب viewtopic_body والقالب viewforum_body

DeLeTe كتب:السلام عليكم.. اخي قم بوضع قالب viewtopic_body والقالب viewforum_body

هذا قالب viewtopic_body

الكود:


\<script type="text/javascript">
//<![CDATA[
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
   
  return false;
};

//]]>
</script>

<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{POLL_DISPLAY}

<!-- BEGIN postrow -->
<div id="{postrow.U_POST_ID}" class="topic">
  <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_CLASS}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
      </div>
  <!-- END hidden -->
  <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="post-section {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
        <div class="post-head">
                          <div class="post-icon"><i class="material-icons">person</i>{postrow.displayed.POSTER_AVATAR}</div><h2>{postrow.displayed.POST_DATE_NEW}</h2>
            <div class="post-details">{L_TOPIC_BY} {postrow.displayed.POSTER_NAME}</div>
        </div>
        <div class="post-content">
            {postrow.displayed.MESSAGE}
                  <!-- BEGIN switch_attachments -->
                  <div class="attachbox">
                    <p class="title">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</p>
                    <dl class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                          <dt>
                              <!-- BEGIN switch_dl_att -->
                              <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                              <!-- END switch_dl_att -->
                              <!-- BEGIN switch_no_dl_att -->
                              {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                              <!-- END switch_no_dl_att -->
                          </dt>
                          <dd>
                              <!-- BEGIN switch_no_comment -->
                              <p>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</p>
                              <!-- END switch_no_comment -->
                              <!-- BEGIN switch_no_dl_att -->
                              <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
                              <!-- END switch_no_dl_att -->
              <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
            </dd>
                  <!-- END switch_post_attachments -->
                    </dl>
                  </div>
                  <!-- END switch_attachments -->
                         
        </div>
                  {postrow.displayed.EDITED_MESSAGE}
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
  <!-- END displayed -->
 
</div>
<!-- END postrow -->
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
<div id="prv-btns">
  <a class="btn" href="{U_VIEW_OLDER_TOPIC}" rel="nofollow">الموضوع التالي</a>
  <a class="btn" id="new-topic" href="{U_VIEW_NEWER_TOPIC}" rel="nofollow">الموضوع السابق</a>
<br />
</div>

{INLINE_MESSAGE}
{QUICK_REPLY_FORM}

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn-floating">
  <i class="material-icons"></i>
</a>
<!-- END switch_user_authreply -->


أما قالب viewforum_body
ف لم أقم بالتعديل عليه أبدا

Anas 1657 كتب:

DeLeTe كتب:السلام عليكم.. اخي قم بوضع قالب viewtopic_body والقالب viewforum_body

هذا قالب viewtopic_body

الكود:


\<script type="text/javascript">
//<![CDATA[
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
        
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
    
   return false;
};

//]]>
</script>

<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{POLL_DISPLAY}

<!-- BEGIN postrow -->
<div id="{postrow.U_POST_ID}" class="topic">
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_CLASS}" style="{postrow.displayed.DISPLAYABLE_STATE}">
         <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="post-section {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
         <div class="post-head">
                          <div class="post-icon"><i class="material-icons">person</i>{postrow.displayed.POSTER_AVATAR}</div><h2>{postrow.displayed.POST_DATE_NEW}</h2>
            <div class="post-details">{L_TOPIC_BY} {postrow.displayed.POSTER_NAME}</div>
         </div>
         <div class="post-content">
            {postrow.displayed.MESSAGE}
                  <!-- BEGIN switch_attachments -->
                  <div class="attachbox">
                     <p class="title">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</p>
                     <dl class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                           <dt>
                              <!-- BEGIN switch_dl_att -->
                              <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                              <!-- END switch_dl_att -->
                              <!-- BEGIN switch_no_dl_att -->
                              {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                              <!-- END switch_no_dl_att -->
                           </dt>
                           <dd>
                              <!-- BEGIN switch_no_comment -->
                              <p>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</p>
                              <!-- END switch_no_comment -->
                              <!-- BEGIN switch_no_dl_att -->
                              <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
                              <!-- END switch_no_dl_att -->
               <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
            </dd>
                  <!-- END switch_post_attachments -->
                     </dl>
                  </div>
                  <!-- END switch_attachments -->
                          
         </div>
                  {postrow.displayed.EDITED_MESSAGE}
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   <!-- END displayed -->
  
</div>
<!-- END postrow -->
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
<div id="prv-btns">
  <a class="btn" href="{U_VIEW_OLDER_TOPIC}" rel="nofollow">الموضوع التالي</a>
  <a class="btn" id="new-topic" href="{U_VIEW_NEWER_TOPIC}" rel="nofollow">الموضوع السابق</a>
<br />
</div>

{INLINE_MESSAGE}
{QUICK_REPLY_FORM}

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn-floating">
   <i class="material-icons"></i>
</a>
<!-- END switch_user_authreply -->


أما قالب viewforum_body
ف لم أقم بالتعديل عليه أبدا

اخي ممكن صورة لما يظهر لديك لأن القالب يعمل لدي بشكل جيد وبدون مشاكل.

اهلا اخي ضع لي رابط موضوع به تعدد الصفحات
بحثت لم اجد موضوع متعدد الصفحات

JAR7 كتب:اهلا اخي ضع لي رابط موضوع به تعدد الصفحات
بحثت لم اجد موضوع متعدد الصفحات

انا اقصد منتدى متعدد الصفحات بحيث يحتوي على اكثر من 50 موضوع
http://www.anas16572.com/f31-montada


وبالنسبة للقوالب التي قمت بتعديلها هي:
Overall header
viewtopic_body

اخي ممكن تجرب وضع اكواد الcss هذه

الكود:

.mobile_next_button {
  background-color: #F5F5F5;
}

.mobile_title {
  color: white;
}

.mobile_prev_button {
  background-color: #F5F5F5;
}

تم وضع اكواد css

لقد ظهرت (صفحة 1 من أصل 2) وهذا هو المطلوب
ولكن ظهر في نفس الوقت مربع في عارضة المنتدى
صور توضح:
https://drive.google.com/open?id=0B7xCbZ7xVvp8R25Dc3pXYnRKYXc

في انتظار مساعدتكم

اعتذر عن التأخير , احذف الاكواد التي بالأعلى وضع هذه:

الكود:

a.mobile_prev_button {
    background-color: #443f56;
}

a.mobile_prev_button.block {
    background-color: #fff;
}

.mobile_title {
  color: white;
}

اهلا اخي "@DeLeTe" تم استبدال الاكواد السابقة بالتي ارسلتها في اخر رد
وهذه هي النتيجه:
https://drive.google.com/open?id=0B7xCbZ7xVvp8WnpYTWlqM0NwRWc

ولكن مازال هناك ملاحظات اخي هنا:
https://drive.google.com/open?id=0B7xCbZ7xVvp8X0VlZ1RmN1NPZ28

Anas 1657 كتب:اهلا اخي "@DeLeTe" تم استبدال الاكواد السابقة بالتي ارسلتها في اخر رد
وهذه هي النتيجه:
https://drive.google.com/open?id=0B7xCbZ7xVvp8WnpYTWlqM0NwRWc

ولكن مازال هناك ملاحظات اخي هنا:
https://drive.google.com/open?id=0B7xCbZ7xVvp8X0VlZ1RmN1NPZ28

اخي هل يوجد اكواد اخرى غير الي وضعتها لك هنا خاصة بنسخة الجوال؟
ضع جميع الاكواد التي تخص نسخة الجوال.

اهلا اخي:
هذه ورقة css الخاصة بي:
https://docs.google.com/document/d/11rWDnNTeVpMStUyOzSjv4uBtdVa_9CeIBxzNB2brBRo

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

اضف كود الcss التالي مع بقية الأكواد التي ذكرتها في هذه المساهمة

الكود:

a.mobile_next_button.block {
    background-color: #fff;
}

وبخصوص عارضة المنتدى .. ابحث في اكواد الcss عن التالي:

الكود:

/* عارضة المنتدى + موقع النص (أعلى _ أسفل ) */

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

الكود:

height: 56px;

قم بتغيير الرقم الى 66 بدون مسافات, ليصبح بالشكل التالي:


اطيب تحية

شكرا لك اخي النتيجة ظهرت بشكل جميل
ولكن لدي سؤال

اذا اردت تغير حجم عارضة المنتدى الى 56px دون التاثير على البقية
كيف يمكنني ذلك

هل من التومبلايت؟

Anas 1657 كتب:شكرا لك اخي النتيجة ظهرت بشكل جميل
ولكن لدي سؤال

اذا اردت تغير حجم عارضة المنتدى الى 56px دون التاثير على البقية
كيف يمكنني ذلك

هل من التومبلايت؟

اهلاً ياغالي, يمكنك من نفس الكود الذي قلتلك عليه بتعديل الارتفاع الي يناسبك وهو height: 66px ولا يقل عن الرقم 66 حتى لاتظهر المشكلة مرة أخرى
اطيب تحية

شكرا لك