المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

2 مشترك

اذهب الى الأسفل

تم الحل المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف Mahmoud Gilany 26/9/2024, 9:04 am

السلام عليكم ورحمه الله وبركاته
تحية طيبة أما بعد أخى الحيب كونان بعد أزنك
المطلوب بعض التعديلات البسيطة
على نسخة الهاتف المحمول
توجد مشكله فى عرض مظهر الصور أخر المواضيع
فى أسفل المنتدى على نسخة الجوال
المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Screen11

رابط مباشر للصورة
https://i.servimg.com/u/f79/20/23/03/03/screen11.jpg
الكود المستخدم
viewtopic_body

الكود:
<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
   //<![CDATA[
   var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
    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).parent().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 switch_push_direct_send -->
<div id="push-answer" class="jqmWindow"></div>
<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>
<!-- END switch_push_direct_send -->

<main id="topic">
     <div class="page-header">
                <div class="breadcrumbs">
                        <ul class="breadcrumbs-inner" itemscope="" itemtype="https://schema.org/BreadcrumbList">
                                <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
                                        <a href="{U_INDEX}" itemprop="item">
                                                <span itemprop="name">{L_INDEX}</span>
                                        </a>
                                </li>
                                {NAV_CAT_DESC}
                        </ul>
                </div>
                <div class="page-header-content">
                        <div class="page-header-title">
 
                               <h1><a
href="{TOPIC_URL}">{TOPIC_TITLE}</a><!-- BEGIN
switch_push_direct_send -->&nbsp;<span id="push-bell"
style="color:goldenrod;"
title="{switch_push_direct_send.L_PUSH_SEND}"><i
class="material-icons">notifications</i></span><!--
END switch_push_direct_send --></h1>
                                <div class="page-header-pageAction">
                                     <!-- BEGIN switch_user_authpost -->
 
              <a href="{U_POST_NEW_TOPIC}" rel="nofollow"
title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="btn btn-default
mobile-hidden">
                           <i class="material-icons">{I_POST_NEW_TOPIC}</i>
                           <span>{L_POST_NEW_TOPIC}</span>
                    </a>
                                   <!-- END switch_user_authpost -->
                                <!-- BEGIN switch_user_authreply -->
 
                                    <a href="{U_POST_REPLY_TOPIC}"
title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} class="btn
btn-default">
                           <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
                           <span>{L_POST_REPLY_TOPIC}</span>
                    </a>
                    <!-- END switch_user_authreply -->
               <!-- BEGIN switch_user_authnoreply -->
 
                                    <a href="{U_LOGIN_REPLY_TOPIC}"
rel="nofollow" title="{T_LOGIN_REPLY_TOPIC}" class="btn btn-default
mobile-hidden">
                  <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
                  <span>{L_LOGIN_REPLY_TOPIC}</span>
               </a>
               <!-- END switch_user_authnoreply -->
                             </div>
                        </div>
                        <div class="page-header-description">
                             <!-- BEGIN postrow --><!-- BEGIN displayed -->
                        <ul>
               <li>
                  <i class="fa--xf far fa-user" title="كاتب الموضوع"></i>
                  {postrow.displayed.POSTER_NAME}
               </li>
               <li>
                  <i class="fa--xf far fa-clock" title="تمت الكتابة في"></i>
                  {postrow.displayed.POST_DATE_NEW}
               </li>
            </ul>
                             <!-- END displayed --><!-- END postrow -->
                     </div>
                </div>
        </div>
     <div class="topic-header">
                {POSTERS_LIST}
       </div>
     <!-- BEGIN topicpagination -->
        <div class="pagination">
            {PAGINATION}
        </div>
        <!-- END topicpagination -->
       <div class="topic-actions">
           <div class="topic-actions-buttons">
                  <!-- BEGIN switch_plus_menu -->
                  <div class="plus-menu-wrap">
                      <script type="text/javascript">//<![CDATA[
                          var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                          var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                          var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                          var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                          var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                          insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                          //]]>
                      </script>
                  </div>
                  <!-- END switch_plus_menu -->
                  <!-- BEGIN switch_plus_menu -->
         <div id="addthis-toolbar">
            <div class="btn-floating-left" tabindex="100">
                            {L_SHARE}
            </div>
 
           <div class="addthis-toolbar-btn" style="position:absolute;
 z-index:1000; display: none; background-color: #fff;">
                             {switch_plus_menu.SOCIAL_BUTTONS}
            </div>
         </div>
                  {switch_plus_menu.JS_SOCIAL_BUTTONS}
                  <!-- END switch_plus_menu -->
           </div>
   </div>
   <!-- BEGIN switch_isconnect -->
     <div class="buttonGroup" style="direction: ltr;margin-bottom: 10px;display: block;margin-top: 10px;">
 
       <a href="{U_VIEW_OLDER_TOPIC}" title="{L_VIEW_PREVIOUS_TOPIC}"
 style="float: left;"><i class="far fa-chevron-left"
style="margin-right:
.5em;"></i><span>{L_PREVIOUS}</span></a>
 
     <a href="{U_VIEW_NEWER_TOPIC}" title="{L_VIEW_NEXT_TOPIC}"
style="float: right;"><span>{L_NEXT}</span><i
class="far fa-chevron-right" style="margin-left:
.5em;"></i></a>
   </div>
   <!-- END switch_isconnect -->
       {POLL_DISPLAY}
       <!-- BEGIN postrow -->
       <!-- BEGIN hidden -->
       <div class="post-wrap {postrow.hidden.ROW_CLASS} post-hidden">
           <div class="block">
                  <div class="block-content">
                      {postrow.hidden.MESSAGE}
                      <div class="block-footer" style="display: none;">
                             <!-- END hidden -->
                             <!-- BEGIN displayed -->
 
                            <div id="post-{postrow.U_POST_ID}"
class="message
{postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW}
post--{postrow.displayed.U_POST_ID}">
                                             <div class="message-inner">
                                                     <div class="message-cell message-cell--user">
                        <div class="message-user">
                           <div class="message-avatar ">
                              <div class="message-avatar-wrapper">
                                                                                     {postrow.displayed.POSTER_AVATAR}
 
                                                                        
            <div class="author-status"></div>
                              </div>
                           </div>
                           <div class="message-userDetails">
                              <h4 class="message-name">{postrow.displayed.POSTER_NAME}</h4>
 
                             <h5 class="userTitle message-userTitle"
dir="auto">{postrow.displayed.POSTER_RANK_NEW}</h5>
                              {postrow.displayed.RANK_IMAGE}
                           </div>
                           <div class="message-userExtras">
                              <!-- BEGIN profile_field -->
                                                                             <dl class="pairs pairs--justified">
                                 <dt>{postrow.displayed.profile_field.LABEL}</dt>
                                 <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                              </dl>
                              <!-- END profile_field -->
                           </div>
 
                                                                  
 <div {postrow.displayed.AWARDS_SHOW} class="dd_award
{postrow.displayed.PROFILE_POSITION} box-body">
                                                      {postrow.displayed.AWARDS}
                           </div>
                                                                <div class="award_more box-body"></div><br />
                                                                     <div class="post-author-rpg">
                                                      {postrow.displayed.POSTER_RPG}
                                               </div>
                                               <div class="post-author-contact dropdown">
                                                      <i class="material-icons">keyboard_arrow_down</i>
                                                      <div class="dropdown-box">
                                                          {postrow.displayed.PROFILE_IMG}
                                                          {postrow.displayed.PM_IMG}
                                                          {postrow.displayed.EMAIL_IMG}
                                                          <!-- BEGIN contact_field -->
                                                          {postrow.displayed.contact_field.CONTENT}
                                                          <!-- END contact_field -->
                                                      </div>
                                               </div>
                           <span class="message-userArrow"></span>
                        </div>
                     </div>
 
                                                    <div
class="message-cell message-cell--main"
{postrow.displayed.THANK_BGCOLOR}>
                        <div class="message-main">
                           <div id="{postrow.U_POST_ID}" class="message-attribution message-attribution--split">
                              <ul class="message-attribution-main listInline ">
                                 <li>
                                                                                             {postrow.displayed.ICON}
 
                                                                        
          <a href="{postrow.displayed.POST_URL}" rel="nofollow">
                                       {postrow.displayed.POST_DATE_NEW}
                                    </a>
                                 </li>
                              </ul>
                              <ul class="message-attribution-opposite message-attribution-opposite--list">
                                 <li class="btn-thank">
                                                             {postrow.displayed.THANK_IMG}
                                                         </li>
                                                         <li class="btn-quote-multi">
                                                             {postrow.displayed.MULTIQUOTE_IMG}
                                                         </li>
                                                         <li class="btn-quote">
                                                             {postrow.displayed.QUOTE_IMG}
                                                         </li>
                                                         <li class="btn-edit">
                                                             {postrow.displayed.EDIT_IMG}
                                                         </li>
                                                         <li class="btn-delete">
                                                             {postrow.displayed.DELETE_IMG}
                                                         </li>
                                                                              <li class="btn-ip">
                                                                                     {postrow.displayed.IP_IMG}
                                                                              </li>
                                                                              <li class="btn-report">
                                                                                     {postrow.displayed.REPORT_IMG_NEW}
                                                                              </li>
                                 <li>
                                    <a href="{postrow.displayed.POST_URL}" rel="nofollow">
                                       #{postrow.displayed.COUNT_POSTS}
                                    </a>
                                 </li>
                              </ul>
                           </div>
                           <div class="message-content">
                              <div class="message-userContent">
                                 <div class="message-body">
                                    <div>
                                       <div class="bbWrapper">
 
                                                                        
                                    {postrow.displayed.MESSAGE}
                                                                                                     </div>
                                    </div>
                                 </div>
                                                                                     <!-- BEGIN switch_attachments -->
                                                                                     <div class="message-attachments">
 
                                   <h4
class="block-textHeader">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</h4>
                                    <dl class="attachments">
                                                                    <!-- BEGIN switch_post_attachments -->
                                                                    <dt>
                                                                        <!-- BEGIN switch_dl_att -->
 
                                                                     
 <a class="postlink btn btn-flat"
href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}"><i
 
class="material-icons">attach_file</i>{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 -->
 
                                         <div class="postlink btn
btn-flat" style="cursor: not-allowed"><i
class="material-icons">attach_file</i>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}</div>
 
{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>
                                                                             <div class="message-lastEdit"></div>
                                                                             <!-- BEGIN switch_signature -->
 
                                                                        
        <div class="message-signature"
id="sig{postrow.displayed.U_POST_ID}">
                                 <div class="bbWrapper">{postrow.displayed.SIGNATURE_NEW}</div>
                              </div>
                                                                                <!-- END switch_signature -->
                           </div>
 
                          <div class="post-footer<!-- BEGIN
switch_likes_active --> likes-active<!-- END switch_likes_active
--><!-- BEGIN switch_vote_active --> vote-active<!-- END
switch_vote_active -->">
                              <!-- BEGIN switch_likes_active -->
                                                                                <div class="fa_like_div">
 
                                                                        
               <button class="rep-button
{postrow.displayed.switch_likes_active.C_VOTE_LIKE}" 
data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}"
data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
                                                                                                <span class="rep-cat">
 
                                                                        
                               <i class="far
fa-thumbs-up"></i>
                                         
                                                              
{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
                                                                                                </span>
 
                                                                        
                      
<span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
                                                                                        </button>
 
                                                                        
               <!-- BEGIN switch_dislike_button -->
           
                                                                        
     <button class="rep-button
{postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}"
 
data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}"
 
data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                                                                                                <span class="rep-cat">
 
                                                                        
                               <i class="far
fa-thumbs-down"></i>
                                       
                                                                
{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                                                                                                </span>
 
                                                                        
                      
<span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
                                                                                        </button>
                                                                                        <!-- END switch_dislike_button -->
                                                                                        <!-- BEGIN switch_like_list -->
 
                                                                        
              
{postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                                                                                        <!-- END switch_like_list -->
                                                                                        <!-- BEGIN switch_dislike_list -->
 
                                                                        
              
{postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                                                                                        <!-- END switch_dislike_list -->
                                                                                </div>
                                                                                <!-- END switch_likes_active -->
                                                                             <!-- BEGIN switch_vote_active -->
                                                                                <div class="vote">
                                                                                        <!-- BEGIN switch_vote -->
 
                                                                        
               <a
href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"
class="vote-up">
                                                 
                                               <i
class="material-icons">add_circle_outline</i>
                                                                                        </a>
                                                                                        <!-- END switch_vote -->
       
                                                                                        <!-- BEGIN switch_vote -->
 
                                                                        
               <a
href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"
class="vote-down">
                                               
                                                 <i
class="material-icons">remove_circle_outline</i>
                                                                                        </a>
                                                                                        <!-- END switch_vote -->
       
                                                                                        <!-- BEGIN switch_bar -->
 
                                                                        
               <div class="vote-bar"
title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
     
                                                                        
                   <div class="vote-bar-desc">
                 
                                                                        
               {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
                                                                                                </div>
                                                                                                <div class="vote-bars">
 
                                                                        
                               <!-- BEGIN switch_vote_plus -->
 
                                                                        
                               <div class="vote-bar-plus"
style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
 
                                                                        
                               <!-- END switch_vote_plus -->
   
                                                                        
                             <!-- BEGIN switch_vote_minus -->
 
                                                                        
                               <div class="vote-bar-minus"
style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
 
                                                                        
                               <!-- END switch_vote_minus -->
                                                                                                </div>
                                                                                        </div>
                                                                                        <!-- END switch_bar -->
       
                                                                                        <!-- BEGIN switch_no_bar -->
 
                                                                        
               <div
title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"
class="vote-bar-empty"></div>
                                                                                        <!-- END switch_no_bar -->
                                                                                </div>
                              <!-- END switch_vote_active -->
                           </div>
                        </div>
                     </div>
                                             </div>
                             </div>
                             <!-- END displayed -->
                             <!-- BEGIN hidden -->
                      </div>
                  </div>
           </div>
       </div>
       <!-- END hidden -->
       <!-- END postrow -->
   <!-- BEGIN promot_trafic -->
   <div class="block block-ptrafic" id="ptrafic_close" style="display: none;">
      <div class="block-header">
         <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
            <i class="material-icons">add_circle</i>
         </a>
         <span>{PROMOT_TRAFIC_TITLE}</span>
      </div>
   </div>
   <div class="block block-ptrafic" id="ptrafic_open" style="display:'';">
      <div class="block-header">
         <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
            <i class="material-icons">remove_circle</i>
         </a>
         <span>{PROMOT_TRAFIC_TITLE}</span>
      </div>
      <div class="block-content ptrafic">
         <!-- BEGIN link -->
         <a href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}" >
            <i class="material-icons">chat_bubble</i>
                {promot_trafic.link.TITLE}
         </a><br />
         <!-- END link -->
      </div>
   </div>
   <!-- END promot_trafic -->
       <!-- BEGIN switch_forum_rules -->
       <div class="block" id="forum_rules">
           <div class="block-header">
                  {L_FORUM_RULES}
           </div>
           <div class="block-content">
                  <table class="postbody">
                      <tr>
                             <!-- BEGIN switch_forum_rule_image -->
                             <td class="logo">
                                 <img src="{RULE_IMG_URL}" alt="" />
                             </td>
                             <!-- END switch_forum_rule_image -->
                             <td class="rules content">
                                 {RULE_MSG}
                             </td>
                      </tr>
                  </table>
           </div>
       </div>
       <!-- END switch_forum_rules -->
       {INLINE_MESSAGE}
    {QUICK_REPLY_FORM}
    
    <style>
    
            .sceditor-toolbar {
        text-align: center;
    }
      .quick-reply-side-btns {
        display: flex;
        position: inherit;
        justify-content: center;
    }
    
    .quick-reply-send,.quick-reply-preview {
        background: #2196f3;
        border-radius: 7px;
        color: #f0ffff;
        margin: 10px;
        height: 40px;
        width: 100px;
    }
    .quick-reply-send:hover,.quick-reply-preview:hover {
        background: #191e20;
    }
    
    .quick-reply-preview,.quick-reply-send {
        padding-bottom: 48px;
    }
    </style>
    <script type="text/javascript">
    (function($) {
 
            toolbar =
'bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,,link,youtube,dailymotion|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,emoticon,twemojifa,date,time,pastetext,source'; 
            
    }(jQuery));
    </script>
       <div class="topic-actions bottom" style="float: right;">
           <div class="topic-actions-buttons">
                  <!-- BEGIN switch_user_logged_in -->
                  <!-- BEGIN watchtopic -->
                  {S_WATCH_TOPIC}
                  <!-- END watchtopic -->
                  <!-- END switch_user_logged_in -->
           </div>
       </div>
       <!-- BEGIN topicpagination -->
       <div class="pagination">
           {PAGINATION}
       </div>
       <!-- END topicpagination -->
     <div style="margin-top: 11%;">{JUMPBOX}</div>
       <!-- BEGIN viewtopic_bottom -->
       <form class="quickmod" method="get" action="{S_FORM_MOD_ACTION}">
           <input type="hidden" name="t" value="{TOPIC_ID}" />
           <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
           <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
           <label>
                  <span>{L_MOD_TOOLS}:</span>
                  <div class="quickmod-wrap">
                      {S_SELECT_MOD}
                      <input type="submit" value="{L_GO}" />
                  </div>
           </label>
       </form>
       <div class="topic-admin">{S_TOPIC_ADMIN}</div>
       <!-- END viewtopic_bottom -->
       <!-- BEGIN show_permissions -->
       <div class="block">
           <div class="block-header">
         <i class="material-icons">privacy_tip</i> {L_TABS_PERMISSIONS}
           </div>
           <div class="block-content">
                  {S_AUTH_LIST}
           </div>
       </div>
       <!-- END show_permissions -->
       <!-- BEGIN switch_user_authreply -->
       <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" {S_POST_REPLY_TOPIC} class="btn-fixed" title="{L_POST_REPLY_TOPIC}">
           <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
      <span class="btn-fixed-txt">{L_POST_REPLY_TOPIC}</span>
   </a>
       <!-- END switch_user_authreply -->
   <!-- BEGIN switch_user_authnoreply -->
   <a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" class="btn-fixed" title="{T_LOGIN_REPLY_TOPIC}">
      <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
      <span class="btn-fixed-txt">{L_LOGIN_REPLY_TOPIC}</span>
   </a>
   <!-- END switch_user_authnoreply -->
</main>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('.post-author-contact').each(function () {
            $(this).find('a:nth-child(5n)').each(function () {
                $(this).after('<br />');
            });
        });
    });
    //]]>
</script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/railscasts.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
    $(document).ready(function() {
        $('pre, code').each(function(i, block) {
            hljs.highlightBlock(block);
        });

        $('.post-author-contact').on('click', function() {
            if ($(this).parents('.post-body').css('flex-direction') == 'row') {
                $(this).children('.dropdown-box').css({
                    'left': 'auto',
                    'right': '0'
                });
            } else {
                $(this).children('.dropdown-box').css({
                    'left': '0',
                    'right': 'auto'
                });
            }
        });

      <!-- BEGIN switch_push_direct_send -->
      $('#push-answer').jqm({toTop: true});

      $('#push-bell').click(function(){
         return sendWebPush({TOPIC_ID});
      });

      function sendWebPush(tId){
         $.get("/ajax_push.php?topicID=" + tId ).done(showPushAnswer);
      }

      function showPushAnswer(data) {
         $('#push-answer').html(data).jqmShow();
         $('.jqmOverlay').bgiframe();
         $('#push-answer').bgiframe();
      }
      <!-- END switch_push_direct_send -->
    });
</script>
 <!-- algantel.com -->
<style type='text/css'>
.post{
-webkit-user-select: none; /* Webkit */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10 */
-o-user-select: none;
user-select: none;
}
</style>
 <!-- تم التكويد بواسطة كونان2000 -->
  <!-- تصميم مقتبس من بعض منتديات الفي بي -->


Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل ده الكود المعدل القديم

مُساهمة من طرف Mahmoud Gilany 26/9/2024, 9:53 am

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



الكود:
<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
  //<![CDATA[
  var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
    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).parent().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>
 <style>
    aside.post-aside {
    margin:  9px;
}
 
.online .post-author-status:after {
    content: "متصل";
    color: #fdffff;
    text-align: center !important;
    font-size: 15px;
    display: flex;
    font-weight: bold;
    justify-content: center;
}
.online-author-status {
    background-color: #607D8B;
    border-radius: 0;
    color: #fcffff;
    float: right;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}
.post-author-status {
    background-color: #4CAF50;
    border-radius: 0;
    display: none;
    float: right;
    right: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
height: auto;
}
 
 .more-box-body {
    padding: 4px;
    border-bottom: solid 1px #cbc4c4;
}


@media (max-width: 800px) {
    .post-aside {
        margin: 0 !important;

    }
}
aside.post-aside {
    height: fit-content;
    background: #fff;
    text-align: center;
}
 
 
  hr {
    margin: 0;
}
@media screen and (min-width: 887px){
  .post-author-title {
    clear: none;
}
}
@media (min-width: 961px) {
    .avatar-big img {
    border-radius: 3px;
    height: auto;
    width: 150px;
}

.post {
    margin: 0;
}
  .post-aside {
    padding: 10px;
}
}

@media (max-width: 830px) {
.post-author-contact {
    float: left;
    margin-top: -80px!important;
}
 .post-author-title img {
    max-width: 50%;
    float: right;
}
.post-author-avatar img {
    border-radius: 3px;
    display: block;
    height: 100px;
    margin: 0 0 0 11px;
    width: 88px;
}
}

dl.post-author-details img {
    vertical-align: middle;
}
span.forum-statistics-topics {
 display: inline-block;
    float: none;
    font-size: small;
    width: max-content;
}
div#forumo strong {
    font-size: medium;
}




.post-author-details {
    margin-top: 0;
}



.forum-hide {
    left: 2px;
    top: 4px;
}

aside.post-aside:after {
    content: "";
    position: absolute;
    top: 40px;
    left: -20px;
    border: 10px solid #b3060603;
    border-right: solid 11px #bfbfbf;
    z-index: 999;
}
.post-author-details span {
    text-align: left;
    width: 50%;
}


div > aside > dl > hr:nth-child(12) {
    margin: 0px;
}

.post-signature {
    margin-top: 52px;
    text-align: center;
}

.post {
    position: relative;
    z-index: 0;
}



.post-header h2 i {
    float: right;
}

.post-heading-wrap {
    margin: 0px;
}
.post-header {
    padding: 5px;
}
.post-content {
    margin: 16px;
}
.post-footer {
    margin: auto -25px -6px;
    padding: 10px 40px 20px;
    background: #0000;
}
.post {
    padding: 0px;
}
.avatar-big img, .avatar-default img, #header-user img, .avatar-mini img, .cb-avatar img, .mod-login-avatar img {
    object-fit: inherit;
}
.post-body {
    border: solid #d1c7c7 1px;
}


.forum-description a {
    color: #6998cd!important;
    font-size: 20px;
}


span.forum-statistics-posts {
display: inline-block;
    float: none;
    font-size: small;
    width: max-content;
    margin-top: 5px;
}
 .post-author-name, .post-author-title {
    clear: inherit;
    display: block;
}
 
 
        .sceditor-toolbar {
    text-align: center;
}
  .quick-reply-side-btns {
    display: flex;
    position: inherit;
    justify-content: center;
}
 
.quick-reply-send,.quick-reply-preview {
    background: #2196f3;
    border-radius: 7px;
    color: #f0ffff;
    margin: 10px;
    height: 40px;
    width: 100px;
}
.quick-reply-send:hover,.quick-reply-preview:hover {
    background: #191e20;
}
 
.quick-reply-preview,.quick-reply-send {
    padding-bottom: 48px;
}
 
@media (min-width: 830px) {
  .post-body {
    flex-wrap: inherit!important;
}
  .post-body {
    margin: 0 -3px;
}
.post-aside {
    padding: 10px!important;
}

.post-author-avatar {
    float: none !important;
    display: flex!important;
    text-align: center!important;
    justify-content: center!important;
}
.post-author-name, .post-author-title,  .post-author-title img{
    text-align: center!important;
}
 .post-author-title img {
    float: none!important;
}
.avatar-big img {
    border-radius: 3px;
    height: auto!important;
    width: 150px!important;
}
 .post-author-contact {
    display: flex;
    text-align: center;
    float: none !important;
    margin: 0 !important;
    justify-content: center;
}
  .post {
    border-radius: 0 0 3px 3px;
    margin: 0;
}

 .post-author-details {
    position: relative!important;

    float: revert!important;
    display: block!important;
}
.post-aside {
    border-radius: 0!important;
    flex-basis: inherit!important;
    text-align: right!important;
}
  .post-author {
    display: flex;
    justify-content: center;
}
.post-author-name, .post-author-title {
    clear: both!important;
}
}

 .block-outer-opposite {
    text-align: center;
    border-radius: 100px !important;
}
 

  .post-author-avatar {
    margin: 0;
}
 
  @media (min-width: 961px) {
    .post-body {
        margin: 0;
    }
}
  .post-buttons {
    margin-top: 9px;
    float: left;
    font-size: 13px;
    margin-right: 22px;
}
</style>

<!-- BEGIN switch_push_direct_send -->
<div id="push-answer" class="jqmWindow"></div>
<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>
<!-- END switch_push_direct_send -->

<main id="topic">
    <div class="topic-header">
        <h1><a href="{TOPIC_URL}">{TOPIC_TITLE}</a><!-- BEGIN switch_push_direct_send -->&nbsp;<span id="push-bell" style="color:goldenrod;" title="{switch_push_direct_send.L_PUSH_SEND}"><i class="material-icons">notifications</i></span><!-- END switch_push_direct_send --></h1>
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow" title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="btn btn-default mobile-hidden">
            <i class="material-icons">{I_POST_NEW_TOPIC}</i>
            <span>{L_POST_NEW_TOPIC}</span>
        </a>
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} class="btn btn-default">
            <i class="material-icons"></i>
            <span>{L_POST_REPLY_TOPIC}</span>
        </a>
        <!-- END switch_user_authreply -->
        {POSTERS_LIST}
        <div id="breadcrumbs" class="breadcrumbs-topic">
            <a href="{U_INDEX}"><span>{L_INDEX}</span></a>
            {NAV_CAT_DESC}
        </div>
        <!-- BEGIN topicpagination -->
        <div class="pagination">
            {PAGINATION}
        </div>
        <!-- END topicpagination -->
    </div>

    <div class="topic-actions">
        <div class="topic-actions-buttons">
            <!-- BEGIN switch_plus_menu -->
            <div class="plus-menu-wrap">
                <script type="text/javascript">//<![CDATA[
                    var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                    var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                    var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                    var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                    var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                    insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                    //]]>
                </script>
            </div>
            <!-- END switch_plus_menu -->

            <!-- BEGIN switch_twitter_btn -->
            <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
            <!-- END switch_twitter_btn -->

            <!-- BEGIN switch_fb_likebtn -->
            <script>(function(d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) return;
                    js = d.createElement(s); js.id = id;
                    js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
                    fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));</script>
            <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
            <!-- END switch_fb_likebtn -->

            <!-- BEGIN switch_plus_menu -->
        <div id="addthis-toolbar">
            <div class="btn-floating-left" tabindex="100">
                    {L_SHARE}
            </div>
            <div class="addthis-toolbar-btn" style="position:absolute; z-index:1000; display: none; background-color: #fff;">
                    {switch_plus_menu.SOCIAL_BUTTONS}
            </div>
        </div>

            {switch_plus_menu.JS_SOCIAL_BUTTONS}
            <!-- END switch_plus_menu -->
        </div>
    </div>
  <!-- BEGIN switch_isconnect -->
  <div class="quick-nav-topics">
      <a href="{U_VIEW_OLDER_TOPIC}" title="{L_VIEW_PREVIOUS_TOPIC}"><i class="material-icons">chevron_left</i><span>{L_PREVIOUS}</span></a>
      <a href="{U_VIEW_NEWER_TOPIC}" title="{L_VIEW_NEXT_TOPIC}" style="float: right;"><span>{L_NEXT}</span><i class="material-icons">chevron_right</i></a>
  </div>
  <!-- END switch_isconnect -->

    {POLL_DISPLAY}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <div class="post-wrap {postrow.hidden.ROW_CLASS} post-hidden">
        <div class="block">
            <div class="block-content">
                {postrow.hidden.MESSAGE}
                <div class="block-footer" style="display: none;">
                    <!-- END hidden -->

<!-- BEGIN displayed -->
 
                    <div id="{postrow.U_POST_ID}" class="post-header">
                            <h2>
                                <i class="material-icons">description</i>
                                {postrow.displayed.ICON}
                        <span class="post-heading-wrap">
                           <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>
                           <span class="post-date">{postrow.displayed.POST_DATE_NEW}</span>
                        </span>
                     </h2>
                     <div class="mobile-hide post-buttons">
                        <ul>
                           <li class="btn-thank">
                                        {postrow.displayed.THANK_IMG}
                                    </li>
                                    <li class="btn-quote-multi">
                                        {postrow.displayed.MULTIQUOTE_IMG}
                                    </li>
                                    <li class="btn-quote">
                                        {postrow.displayed.QUOTE_IMG}
                                    </li>
                                    <li class="btn-edit">
                                        {postrow.displayed.EDIT_IMG}
                                    </li>
                                    <li class="btn-delete">
                                        {postrow.displayed.DELETE_IMG}
                                    </li>
                                    <li class="btn-ip">
                                        {postrow.displayed.IP_IMG}
                                    </li>
                                    <li class="btn-report">
                                        {postrow.displayed.REPORT_IMG_NEW}
                                    </li>
                                </ul>
                            </div>
                            <div class="mobile-show dropdown post-buttons-mobile">
                                <i class="material-icons">more_horiz</i>
                                <ul class="dropdown-box">
                                    <li class="btn-thank">
                                        {postrow.displayed.THANK_IMG}
                                    </li>
                                    <li class="btn-quote-multi">
                                        {postrow.displayed.MULTIQUOTE_IMG}
                                    </li>
                                    <li class="btn-quote">
                                        {postrow.displayed.QUOTE_IMG}
                                    </li>
                                    <li class="btn-edit">
                                        {postrow.displayed.EDIT_IMG}
                                    </li>
                                    <li class="btn-delete">
                                        {postrow.displayed.DELETE_IMG}
                                    </li>
                                    <li class="btn-ip">
                                        {postrow.displayed.IP_IMG}
                                    </li>
                                    <li class="btn-report">
                                        {postrow.displayed.REPORT_IMG_NEW}
                                    </li>
                                </ul>
                            </div>
                        </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    <div id="post-{postrow.U_POST_ID}" class="post-wrap {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
                      <div class="post-body">
                            <div class="post">
                    
                  
                            
                            
                                <div class="post-content">
                                    {postrow.displayed.MESSAGE}
                                
                          
                                

                                    

                                    <!-- BEGIN switch_attachments -->
                                    <div class="attachbox">
                              <b>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</b>
                                        <dl class="attachments">
                                            <!-- BEGIN switch_post_attachments -->
                                            <dt>
                                                <!-- BEGIN switch_dl_att -->
                                                <a class="postlink btn btn-flat" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}"><i class="material-icons">attach_file</i>{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 -->
                                    <div class="postlink btn btn-flat" style="cursor: not-allowed"><i class="material-icons">attach_file</i>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}</div> {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 -->
                          <!-- BEGIN switch_signature -->
                          <div class="post-signature" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
                          <!-- END switch_signature -->
                        </div>
                        <div class="post-footer<!-- BEGIN switch_likes_active --> likes-active<!-- END switch_likes_active --><!-- BEGIN switch_vote_active --> vote-active<!-- END switch_vote_active -->">
                          <!-- BEGIN switch_likes_active -->
                          <div class="fa_like_div">
                              <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
                                <span class="rep-cat">
                                    <i class="material-icons">thumb_up</i>
                                    {postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
                                </span>
                                <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
                              </button>
                              <!-- BEGIN switch_dislike_button -->
                              <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                                <span class="rep-cat">
                                    <i class="material-icons">thumb_down</i>
                                    {postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                                </span>
                                <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
                              </button>
                              <!-- END switch_dislike_button -->
                                        <!-- BEGIN switch_like_list -->
                                        {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                                        <!-- END switch_like_list -->
                                        <!-- BEGIN switch_dislike_list -->
                                        {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                                        <!-- END switch_dislike_list -->
                          </div>
                          <!-- END switch_likes_active -->
                        
                        
                        
                        
                        <!-- BEGIN switch_vote_active -->
<div class="vote">
    <!-- BEGIN switch_vote -->
    <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="vote-up">
        <i class="material-icons">add_circle_outline</i>
    </a>
    <!-- END switch_vote -->

    <!-- BEGIN switch_vote -->
    <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="vote-down">
        <i class="material-icons">remove_circle_outline</i>
    </a>
    <!-- END switch_vote -->

    <!-- Check if the user has voted -->
  
  
  
    <!-- BEGIN switch_bar -->
    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
        <div class="vote-bar-desc">
            {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
        </div>

        <div class="vote-bars">
            <!-- BEGIN switch_vote_plus -->
            <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
            <!-- END switch_vote_plus -->

            <!-- BEGIN switch_vote_minus -->
            <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
            <!-- END switch_vote_minus -->
        </div>
    </div>
    <!-- END switch_bar -->

    <!-- BEGIN switch_no_bar -->
    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
    <!-- END switch_no_bar -->
</div>
<!-- END switch_vote_active -->

                        
                        
                        
                        
                        
                        

                        </div>
                    </div>
                    <aside class="post-aside">
                      <div class="online-author-status">غير متصل</div>
                      <br />
                        <div class="post-author-status"></div>
                        <div class="post-author">
                    <span class="post-author-name">
                                    <br />  <div id="username">{postrow.displayed.POSTER_NAME}</div>
                    </span>  </div>

            <div class="post-author-avatar">
                                    <div class="avatar-big">
                                    
                                        {postrow.displayed.POSTER_AVATAR}
                                    </div>
                                </div>
                                                                            
          
                                    <span class="post-author-title">
                        {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                    </span>                    
                        <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION} box-body">
                                    {postrow.displayed.AWARDS}
                        </div>
                        <div class="award_more box-body"></div>
                      <br />
                                <dl class="post-author-details">
<div align="center"> &nbsp;رقم العضوية: {postrow.displayed.POSTER_ID}<br /></div>
                                  <!-- BEGIN profile_field -->
                                  <div class="more-box-body"> {postrow.displayed.profile_field.LABEL}
                                    {postrow.displayed.profile_field.CONTENT}</div>
                                    <!-- END profile_field -->
                                </dl>
                                <div class="post-author-rpg">
                                    {postrow.displayed.POSTER_RPG}
                                </div>
                                <div class="post-author-contact dropdown">
                                    <i class="material-icons">keyboard_arrow_down</i>
                                    <div class="dropdown-box">
                                        {postrow.displayed.PROFILE_IMG}
                                        {postrow.displayed.PM_IMG}
                                        {postrow.displayed.EMAIL_IMG}
                                        <!-- BEGIN contact_field -->
                                        {postrow.displayed.contact_field.CONTENT}
                                        <!-- END contact_field -->
                                    </div>
                                </div>
                            </aside>
                        </div>
                    </div>
                    <!-- END displayed -->

                    <!-- BEGIN hidden -->
                </div>
            </div>
        </div>
    </div>
    <!-- END hidden -->
    <!-- END postrow -->
    <!-- BEGIN switch_forum_rules -->
    <div class="block" id="forum_rules">
        <div class="block-header">
            {L_FORUM_RULES}
        </div>
        <div class="block-content">
            <table class="postbody">
                <tr>
                    <!-- BEGIN switch_forum_rule_image -->
                    <td class="logo">
                        <img src="{RULE_IMG_URL}" alt="" />
                    </td>
                    <!-- END switch_forum_rule_image -->
                    <td class="rules content">
                        {RULE_MSG}
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- END switch_forum_rules -->
 
    {INLINE_MESSAGE}
 <!-- BEGIN topicpagination -->
        <div class="pagination">
            {PAGINATION}
        </div>
        <!-- END topicpagination -->
{QUICK_REPLY_FORM}
 
<style>
 
        .sceditor-toolbar {
    text-align: center;
}
  .quick-reply-side-btns {
    display: flex;
    position: inherit;
    justify-content: center;
}
 
.quick-reply-send,.quick-reply-preview {
    background: #2196f3;
    border-radius: 7px;
    color: #f0ffff;
    margin: 10px;
    height: 40px;
    width: 100px;
}
.quick-reply-send:hover,.quick-reply-preview:hover {
    background: #191e20;
}
 
.quick-reply-preview,.quick-reply-send {
    padding-bottom: 48px;
}
</style>
<script type="text/javascript">
(function($) {
        toolbar = 'bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,,link,youtube,dailymotion|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,emoticon,twemojifa,date,time,pastetext,source';            
}(jQuery));
</script>
 
    
    <div class="topic-actions bottom">
        <div class="topic-actions-buttons">
            <!-- BEGIN switch_user_logged_in -->
            <!-- BEGIN watchtopic -->
            {S_WATCH_TOPIC}
            <!-- END watchtopic -->
            <!-- END switch_user_logged_in -->
      
        </div>
    </div>

<!-- BEGIN promot_trafic -->
  <div class="block block-ptrafic" id="ptrafic_close" style="display: none;">
      <div class="block-header">
        <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
            <i class="material-icons">add_circle</i>
        </a>
        <span>{PROMOT_TRAFIC_TITLE}</span>
      </div>
  </div>
  <div class="block block-ptrafic" id="ptrafic_open" style="display:'';">
      <div class="block-header">
        <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
            <i class="material-icons">remove_circle</i>
        </a>
        <span>{PROMOT_TRAFIC_TITLE}</span>
      </div>
      <div class="block-content ptrafic">
        <!-- BEGIN link -->
        <a href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}" >
            <i class="material-icons">chat_bubble</i>
                {promot_trafic.link.TITLE}
        </a><br />
        <!-- END link -->
      </div>
  </div>
  <!-- END promot_trafic -->

    {JUMPBOX}

    <!-- BEGIN viewtopic_bottom -->
    <form class="quickmod" method="get" action="{S_FORM_MOD_ACTION}">
        <input type="hidden" name="t" value="{TOPIC_ID}" />
        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
        <label>
            <span>{L_MOD_TOOLS}:</span>
            <div class="quickmod-wrap">
                {S_SELECT_MOD}
                <input type="submit" value="{L_GO}" />
            </div>
        </label>
    </form>

    <div class="topic-admin">{S_TOPIC_ADMIN}</div>
    <!-- END viewtopic_bottom -->
    

    <!-- BEGIN show_permissions -->
    <div class="block">
        <div class="block-header">
        <i class="material-icons"></i> {L_TABS_PERMISSIONS}
        </div>
        <div class="block-content">
            {S_AUTH_LIST}
        </div>
    </div>
    <!-- END show_permissions -->

    
    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" {S_POST_REPLY_TOPIC} class="btn-fixed" title="{L_POST_REPLY_TOPIC}">
        <i class="material-icons"></i>
      <span class="btn-fixed-txt">{L_POST_REPLY_TOPIC}</span>
  </a>
    <!-- END switch_user_authreply -->
</main>

<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('.post-author-contact').each(function () {
            $(this).find('a:nth-child(5n)').each(function () {
                $(this).after('<br />');
            });
        });
    });
    //]]>
</script>

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/railscasts.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
    $(document).ready(function() {
        $('pre, code').each(function(i, block) {
            hljs.highlightBlock(block);
        });

        $('.post-author-contact').on('click', function() {
            if ($(this).parents('.post-body').css('flex-direction') == 'row') {
                $(this).children('.dropdown-box').css({
                    'left': 'auto',
                    'right': '0'
                });
            } else {
                $(this).children('.dropdown-box').css({
                    'left': '0',
                    'right': 'auto'
                });
            }
        });

      <!-- BEGIN switch_push_direct_send -->
      $('#push-answer').jqm({toTop: true});

      $('#push-bell').click(function(){
        return sendWebPush({TOPIC_ID});
      });

      function sendWebPush(tId){
        $.get("/ajax_push.php?topicID=" + tId ).done(showPushAnswer);
      }

      function showPushAnswer(data) {
        $('#push-answer').html(data).jqmShow();
        $('.jqmOverlay').bgiframe();
        $('#push-answer').bgiframe();
      }
      <!-- END switch_push_direct_send -->
    });
</script>
 <!-- algantel.com -->
<style type='text/css'>
.post{
-webkit-user-select: none; /* Webkit */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10 */
-o-user-select: none;
user-select: none;
}
</style>
 <!-- تم التكويد بواسطة كونان2000 -->
  <!-- تصميم مقتبس من بعض منتديات الفي بي -->


Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف كونان2000 26/9/2024, 12:18 pm

اهلا اخي
بالنسبه للكلمات الدلالية
تم تعديل كود الجافا ليتوافق مع قالب منتداك الحالي
ركبه بالجافا واختار المواضيع
الكود:
/***
        * Application: Tags Search
        * Description: This application can displays tags for searching.
        * Version: 1.09032014-jq1.9.1 - Thoth (Ermoْpoli -> Eshmunen)
        * Made and Optimizations by JScript - 2014/03/09
        * View more in: http://*censored*
        * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
        * This work is free. You can redistribute it and/or modify it
        * under the terms of the WTFPL, Version 2
        */
        jQuery(function () {
            /***
            * User Definition Variables
            ***/
            /* ضع هنا الحد من طول الوسم!!! */
            var iTagLength = 4;
            /* ضع هنا اسم علامه الاداة!!! */
            var sTagTitle = 'الكلمات الدليلة:';
            /* عند مرور الماوس تظهر كلمه الاتيه!!! */
            var sTagToolTip = 'البحث عن المزيد من هذه الكلمة';
            /* END */
            /***
            * System Defined Variables - Do not edit if you don't know!
            ***/
            var oConfig = {
                sInfo:
                    '<!--' +
                    '* Application: Tags Search' +
                    '* Description: This application can displays tags for searching.' +
                    '* Version: 1.09032014-jq1.9.1 - Thoth (Ermoْpoli -> Eshmunen)' +
                    '* Made and Optimizations by JScript - 2014/03/09' +
                    '* View more in: http://*censored*/forum & http://ajuda.forumeiros.com' +
                    '* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>' +
                    '* This work is free. You can redistribute it and/or modify it' +
                    '* under the terms of the WTFPL, Version 2' +
                    '-->',
                sContent:
                    '<span id="tags_search"><span>' + sTagTitle + ' </span></span>',
                sCSS:
                    '<style>' +
                    '#tags_search {' +
                        'display: block;' +
                        'margin-bottom: 20px;' +
                        'margin-top: 20px;' +
                    '}' +
                    '.ipsTag {' +
                        'background: url("https://i.servimg.com/u/f55/18/17/62/92/tag_bg10.png") repeat scroll 0 0 rgba(0, 0, 0, 0);' +
                        'border-radius: 0 3px 3px 0;' +
                        'color: #FFFFFF !important;' +
                        'display: inline-block;' +
                        'font-size: 11px;' +
                        'height: 20px;' +
                        'line-height: 20px;' +
                        'margin: 5px 5px 0 0;' +
                        'padding: 0 7px 0 15px;' +
                        'text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);' +
                    '}' +
                    '</style>',
                sTarget: ''
            };
 
            jQuery(oConfig.sCSS).insertBefore('body');
            /* Forum versions! */
            var phpBB2 = jQuery('.bodyline');
            var phpBB3 = jQuery('#wrap');
            var punbb = jQuery('#pun-intro');
 
            if (phpBB2.length) {
                $('td.nav').parent().parent().parent().before(oConfig.sInfo + oConfig.sContent);
                oConfig.sTarget = 'h1.cattitle:first';
            } else if(phpBB3.length) {
                $('.topic-actions:first').before(oConfig.sInfo + oConfig.sContent);
                oConfig.sTarget = '.page-header-title';
            } else if(punbb.length) {
                $('#main-content .main.paged').before(oConfig.sInfo + oConfig.sContent);
                oConfig.sTarget = 'p.crumbs strong:last';
            } else if(invision.length) {
                $('#main-content .borderwrap:first').before(oConfig.sInfo + oConfig.sContent);
                oConfig.sTarget = 'div.maintitle.floated h3';
            };
            var tags = jQuery(oConfig.sTarget).text().split(' ');
            jQuery.each(tags, function(index, data) {
                if(data.length > iTagLength) {
                    $('#tags_search').append(
                        '<a id="tag_search_' + index + '" class="ipsTag" title="' + sTagToolTip + ' ' + data + '" href="/search?search_keywords=' + data + '">' +
                        '    <span>' + data + '</span>' +
                        '</a>'
                    );
                }
            });
        });
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3693
السُمعة : 332

https://anime.forumperso.com/

Witcherface يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف Mahmoud Gilany 26/9/2024, 2:38 pm

كونان2000 كتب:اهلا اخي
بالنسبه للكلمات الدلالية
تم تعديل كود الجافا ليتوافق مع قالب منتداك الحالي
ركبه بالجافا واختار المواضيع
الكود:
/***
        * Application: Tags Search
        * Description: This application can displays tags for searching.
        * Version: 1.09032014-jq1.9.1 - Thoth (Ermoْpoli -> Eshmunen)
        * Made and Optimizations by JScript - 2014/03/09
        * View more in: http://*censored*
        * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
        * This work is free. You can redistribute it and/or modify it
        * under the terms of the WTFPL, Version 2
        */
        jQuery(function () {
            /***
            * User Definition Variables
            ***/
            /* ضع هنا الحد من طول الوسم!!! */
            var iTagLength = 4;
            /* ضع هنا اسم علامه الاداة!!! */
            var sTagTitle = 'الكلمات الدليلة:';
            /* عند مرور الماوس تظهر كلمه الاتيه!!! */
            var sTagToolTip = 'البحث عن المزيد من هذه الكلمة';
            /* END */
            /***
            * System Defined Variables - Do not edit if you don't know!
            ***/
            var oConfig = {
                sInfo:
                    '<!--' +
                    '* Application: Tags Search' +
                    '* Description: This application can displays tags for searching.' +
                    '* Version: 1.09032014-jq1.9.1 - Thoth (Ermoْpoli -> Eshmunen)' +
                    '* Made and Optimizations by JScript - 2014/03/09' +
                    '* View more in: http://*censored*/forum & http://ajuda.forumeiros.com' +
                    '* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>' +
                    '* This work is free. You can redistribute it and/or modify it' +
                    '* under the terms of the WTFPL, Version 2' +
                    '-->',
                sContent:
                    '<span id="tags_search"><span>' + sTagTitle + ' </span></span>',
                sCSS:
                    '<style>' +
                    '#tags_search {' +
                        'display: block;' +
                        'margin-bottom: 20px;' +
                        'margin-top: 20px;' +
                    '}' +
                    '.ipsTag {' +
                        'background: url("https://i.servimg.com/u/f55/18/17/62/92/tag_bg10.png") repeat scroll 0 0 rgba(0, 0, 0, 0);' +
                        'border-radius: 0 3px 3px 0;' +
                        'color: #FFFFFF !important;' +
                        'display: inline-block;' +
                        'font-size: 11px;' +
                        'height: 20px;' +
                        'line-height: 20px;' +
                        'margin: 5px 5px 0 0;' +
                        'padding: 0 7px 0 15px;' +
                        'text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);' +
                    '}' +
                    '</style>',
                sTarget: ''
            };
 
            jQuery(oConfig.sCSS).insertBefore('body');
            /* Forum versions! */
            var phpBB2 = jQuery('.bodyline');
            var phpBB3 = jQuery('#wrap');
            var punbb = jQuery('#pun-intro');
 
            if (phpBB2.length) {
                $('td.nav').parent().parent().parent().before(oConfig.sInfo + oConfig.sContent);
                oConfig.sTarget = 'h1.cattitle:first';
            } else if(phpBB3.length) {
                $('.topic-actions:first').before(oConfig.sInfo + oConfig.sContent);
                oConfig.sTarget = '.page-header-title';
            } else if(punbb.length) {
                $('#main-content .main.paged').before(oConfig.sInfo + oConfig.sContent);
                oConfig.sTarget = 'p.crumbs strong:last';
            } else if(invision.length) {
                $('#main-content .borderwrap:first').before(oConfig.sInfo + oConfig.sContent);
                oConfig.sTarget = 'div.maintitle.floated h3';
            };
            var tags = jQuery(oConfig.sTarget).text().split(' ');
            jQuery.each(tags, function(index, data) {
                if(data.length > iTagLength) {
                    $('#tags_search').append(
                        '<a id="tag_search_' + index + '" class="ipsTag" title="' + sTagToolTip + ' ' + data + '" href="/search?search_keywords=' + data + '">' +
                        '    <span>' + data + '</span>' +
                        '</a>'
                    );
                }
            });
        });
الكود فى شئ خطاء بيعرض كلمات اخرى
المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Screen12
رابط مباشر للصورة
Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف كونان2000 26/9/2024, 5:23 pm

لم انتبه  Embarassed

انا دخلت منتداك وركبت الكود المعدل
https://bayut.yoo7.com/t1-topic

الكود:
/***
        * Application: Tags Search
        * Description: This application can displays tags for searching.
        * Version: 1.09032014-jq1.9.1 - Thoth (Ermoْpoli -> Eshmunen)
        * Made and Optimizations by JScript - 2014/03/09
        * View more in: http://*censored*
        * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
        * This work is free. You can redistribute it and/or modify it
        * under the terms of the WTFPL, Version 2
        */
        jQuery(function () {
            /***
            * User Definition Variables
            ***/
            /* ضع هنا الحد من طول الوسم!!! */
            var iTagLength = 4;
            /* ضع هنا اسم علامه الاداة!!! */
            var sTagTitle = 'الكلمات الدليلة:';
            /* عند مرور الماوس تظهر كلمه الاتيه!!! */
            var sTagToolTip = 'البحث عن المزيد من هذه الكلمة';
            /* END */
            /***
            * System Defined Variables - Do not edit if you don't know!
            ***/
            var oConfig = {
                sInfo:
                    '<!--' +
                    '* Application: Tags Search' +
                    '* Description: This application can displays tags for searching.' +
                    '* Version: 1.09032014-jq1.9.1 - Thoth (Ermoْpoli -> Eshmunen)' +
                    '* Made and Optimizations by JScript - 2014/03/09' +
                    '* View more in: http://*censored*/forum & http://ajuda.forumeiros.com' +
                    '* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>' +
                    '* This work is free. You can redistribute it and/or modify it' +
                    '* under the terms of the WTFPL, Version 2' +
                    '-->',
                sContent:
                    '<span id="tags_search"><span>' + sTagTitle + ' </span></span>',
                sCSS:
                    '<style>' +
                    '#tags_search {' +
                        'display: block;' +
                        'margin-bottom: 20px;' +
                        'margin-top: 20px;' +
                    '}' +
                    '.ipsTag {' +
                        'background: url("https://i.servimg.com/u/f55/18/17/62/92/tag_bg10.png") repeat scroll 0 0 rgba(0, 0, 0, 0);' +
                        'border-radius: 0 3px 3px 0;' +
                        'color: #FFFFFF !important;' +
                        'display: inline-block;' +
                        'font-size: 11px;' +
                        'height: 20px;' +
                        'line-height: 20px;' +
                        'margin: 5px 5px 0 0;' +
                        'padding: 0 7px 0 15px;' +
                        'text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);' +
                    '}' +
                    '</style>',
                sTarget: ''
            };
 
            jQuery(oConfig.sCSS).insertBefore('body');
            /* Forum versions! */
            var phpBB2 = jQuery('.bodyline');
            var phpBB3 = jQuery('#wrap');
            var punbb = jQuery('#pun-intro');
 
            if (phpBB2.length) {
                $('td.nav').parent().parent().parent().before(oConfig.sInfo + oConfig.sContent);
                oConfig.sTarget = 'h1.cattitle:first';
            } else if(phpBB3.length) {
                $('.topic-actions:first').before(oConfig.sInfo + oConfig.sContent);
                oConfig.sTarget = '.post-header a';
            } else if(punbb.length) {
                $('#main-content .main.paged').before(oConfig.sInfo + oConfig.sContent);
                oConfig.sTarget = 'p.crumbs strong:last';
            } else if(invision.length) {
                $('#main-content .borderwrap:first').before(oConfig.sInfo + oConfig.sContent);
                oConfig.sTarget = 'div.maintitle.floated h3';
            };
            var tags = jQuery(oConfig.sTarget).text().split(' ');
            jQuery.each(tags, function(index, data) {
                if(data.length > iTagLength) {
                    $('#tags_search').append(
                        '<a id="tag_search_' + index + '" class="ipsTag" title="' + sTagToolTip + ' ' + data + '" href="/search?search_keywords=' + data + '">' +
                        '    <span>' + data + '</span>' +
                        '</a>'
                    );
                }
            });
        });
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3693
السُمعة : 332

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف Mahmoud Gilany 26/9/2024, 6:39 pm

أخى الجبيب انا حدثت الكود اللى عاوزك تحل عليه المشاكل اللى انا وضحتها
هوه وحذفت القديم عشان بيأثر على مظهر الأستيل
هوريك الفرق
بص كدا المظهر مظبوط ازى
المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Captee10
رابط مباشر للصورة
بص بقى الكود القديم
المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Captus12
رابط مباشر للصورة
أدخل تانى بقى المنتدى كدا عشان تفهم قصدى
Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف كونان2000 26/9/2024, 8:51 pm

نعم
الكلمات الدلالية تظهر بالجديد
المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Ocia_a44

هل تم الحل
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3693
السُمعة : 332

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف Mahmoud Gilany 26/9/2024, 11:08 pm

كونان2000 كتب:نعم
الكلمات الدلالية تظهر بالجديد
المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Ocia_a44

هل تم الحل
بص كدا فى حاجة غريبة لما بدخل على المنتدى وانا
زائر بيظهر كود الكلمات الدلالية بهذا الشكل
المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Csadsa10
رابط مباشر للصورة
بس لما بعمل تسجيل دخول بيظهر بهذا الشكل وجربت و حذفت ملفات الكويكز وبردوا نفس الشئ
المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Captur24
رابط مباشر للصورة
شوف كدا فى كلام اجبنى ظهرة مع اللغة
المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Captur25
رابط مباشر للصورة
Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف كونان2000 27/9/2024, 12:09 am

اهلا
هذا بسبب ان ازرار ارسال والرد موجوده داخل نفس الكلاس الخاص بعنوان الموضوع

ممكن قالب منتدى الجديد للتعديل عليه
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3693
السُمعة : 332

https://anime.forumperso.com/

Mahmoud Gilany يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف Mahmoud Gilany 27/9/2024, 12:15 am

كونان2000 كتب:اهلا
هذا بسبب ان ازرار ارسال والرد موجوده داخل نفس الكلاس الخاص بعنوان الموضوع

ممكن قالب منتدى الجديد للتعديل عليه
ومتنساش بالمرة أبعاد الصور أخر المواضيع على نسخة الهاتف
الكود:
<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
   //<![CDATA[
   var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
    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).parent().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 switch_push_direct_send -->
<div id="push-answer" class="jqmWindow"></div>
<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>
<!-- END switch_push_direct_send -->

<main id="topic">
     <div class="page-header">
                <div class="breadcrumbs">
                        <ul class="breadcrumbs-inner" itemscope="" itemtype="https://schema.org/BreadcrumbList">
                                <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
                                        <a href="{U_INDEX}" itemprop="item">
                                                <span itemprop="name">{L_INDEX}</span>
                                        </a>
                                </li>
                                {NAV_CAT_DESC}
                        </ul>
                </div>
                <div class="page-header-content">
                        <div class="page-header-title">
                                <h1><a href="{TOPIC_URL}">{TOPIC_TITLE}</a><!-- BEGIN switch_push_direct_send -->&nbsp;<span id="push-bell" style="color:goldenrod;" title="{switch_push_direct_send.L_PUSH_SEND}"><i class="material-icons">notifications</i></span><!-- END switch_push_direct_send --></h1>
                                <div class="page-header-pageAction">
                                     <!-- BEGIN switch_user_authpost -->
               <a href="{U_POST_NEW_TOPIC}" rel="nofollow" title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="btn btn-default mobile-hidden">
                           <i class="material-icons">{I_POST_NEW_TOPIC}</i>
                           <span>{L_POST_NEW_TOPIC}</span>
                    </a>
                                   <!-- END switch_user_authpost -->
                                <!-- BEGIN switch_user_authreply -->
                                     <a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} class="btn btn-default">
                           <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
                           <span>{L_POST_REPLY_TOPIC}</span>
                    </a>
                    <!-- END switch_user_authreply -->
               <!-- BEGIN switch_user_authnoreply -->
                                     <a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" title="{T_LOGIN_REPLY_TOPIC}" class="btn btn-default mobile-hidden">
                  <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
                  <span>{L_LOGIN_REPLY_TOPIC}</span>
               </a>
               <!-- END switch_user_authnoreply -->
                             </div>
                        </div>
                        <div class="page-header-description">
                             <!-- BEGIN postrow --><!-- BEGIN displayed -->
                        <ul>
               <li>
                  <i class="fa--xf far fa-user" title="كاتب الموضوع"></i>
                  {postrow.displayed.POSTER_NAME}
               </li>
               <li>
                  <i class="fa--xf far fa-clock" title="تمت الكتابة في"></i>
                  {postrow.displayed.POST_DATE_NEW}
               </li>
            </ul>
                             <!-- END displayed --><!-- END postrow -->
                     </div>
                </div>
        </div>
     <div class="topic-header">
                {POSTERS_LIST}
       </div>
     <!-- BEGIN topicpagination -->
        <div class="pagination">
            {PAGINATION}
        </div>
        <!-- END topicpagination -->
       <div class="topic-actions">
           <div class="topic-actions-buttons">
                  <!-- BEGIN switch_plus_menu -->
                  <div class="plus-menu-wrap">
                      <script type="text/javascript">//<![CDATA[
                          var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                          var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                          var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                          var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                          var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                          insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                          //]]>
                      </script>
                  </div>
                  <!-- END switch_plus_menu -->
                  <!-- BEGIN switch_plus_menu -->
         <div id="addthis-toolbar">
            <div class="btn-floating-left" tabindex="100">
                           {L_SHARE}
            </div>
            <div class="addthis-toolbar-btn" style="position:absolute; z-index:1000; display: none; background-color: #fff;">
                             {switch_plus_menu.SOCIAL_BUTTONS}
            </div>
         </div>
                  {switch_plus_menu.JS_SOCIAL_BUTTONS}
                  <!-- END switch_plus_menu -->
          </div>
   </div>
   <!-- BEGIN switch_isconnect -->
     <div class="buttonGroup" style="direction: ltr;margin-bottom: 10px;display: block;margin-top: 10px;">
        <a href="{U_VIEW_OLDER_TOPIC}" title="{L_VIEW_PREVIOUS_TOPIC}" style="float: left;"><i class="far fa-chevron-left" style="margin-right: .5em;"></i><span>{L_PREVIOUS}</span></a>
      <a href="{U_VIEW_NEWER_TOPIC}" title="{L_VIEW_NEXT_TOPIC}" style="float: right;"><span>{L_NEXT}</span><i class="far fa-chevron-right" style="margin-left: .5em;"></i></a>
   </div>
   <!-- END switch_isconnect -->
       {POLL_DISPLAY}
       <!-- BEGIN postrow -->
       <!-- BEGIN hidden -->
       <div class="post-wrap {postrow.hidden.ROW_CLASS} post-hidden">
           <div class="block">
                  <div class="block-content">
                      {postrow.hidden.MESSAGE}
                      <div class="block-footer" style="display: none;">
                             <!-- END hidden -->
                             <!-- BEGIN displayed -->
                             <div id="post-{postrow.U_POST_ID}" class="message {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
                                             <div class="message-inner">
                                                     <div class="message-cell message-cell--user">
                        <div class="message-user">
                           <div class="message-avatar ">
                              <div class="message-avatar-wrapper">
                                                                                     {postrow.displayed.POSTER_AVATAR}
                                                                                     <div class="author-status"></div>
                              </div>
                           </div>
                           <div class="message-userDetails">
                              <h4 class="message-name">{postrow.displayed.POSTER_NAME}</h4>
                              <h5 class="userTitle message-userTitle" dir="auto">{postrow.displayed.POSTER_RANK_NEW}</h5>
                              {postrow.displayed.RANK_IMAGE}
                           </div>
                           <div class="message-userExtras">
                              <!-- BEGIN profile_field -->
                                                                             <dl class="pairs pairs--justified">
                                 <dt>{postrow.displayed.profile_field.LABEL}</dt>
                                 <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                              </dl>
                              <!-- END profile_field -->
                           </div>
                                                                     <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION} box-body">
                                                      {postrow.displayed.AWARDS}
                           </div>
                                                                <div class="award_more box-body"></div><br />
                                                                     <div class="post-author-rpg">
                                                      {postrow.displayed.POSTER_RPG}
                                               </div>
                                               <div class="post-author-contact dropdown">
                                                      <i class="material-icons">keyboard_arrow_down</i>
                                                      <div class="dropdown-box">
                                                          {postrow.displayed.PROFILE_IMG}
                                                          {postrow.displayed.PM_IMG}
                                                          {postrow.displayed.EMAIL_IMG}
                                                          <!-- BEGIN contact_field -->
                                                          {postrow.displayed.contact_field.CONTENT}
                                                          <!-- END contact_field -->
                                                      </div>
                                               </div>
                           <span class="message-userArrow"></span>
                        </div>
                     </div>
                                                     <div class="message-cell message-cell--main" {postrow.displayed.THANK_BGCOLOR}>
                        <div class="message-main">
                           <div id="{postrow.U_POST_ID}" class="message-attribution message-attribution--split">
                              <ul class="message-attribution-main listInline ">
                                 <li>
                                                                                             {postrow.displayed.ICON}
                                                                                   <a href="{postrow.displayed.POST_URL}" rel="nofollow">
                                       {postrow.displayed.POST_DATE_NEW}
                                    </a>
                                 </li>
                              </ul>
                              <ul class="message-attribution-opposite message-attribution-opposite--list">
                                 <li class="btn-thank">
                                                             {postrow.displayed.THANK_IMG}
                                                         </li>
                                                         <li class="btn-quote-multi">
                                                             {postrow.displayed.MULTIQUOTE_IMG}
                                                         </li>
                                                         <li class="btn-quote">
                                                             {postrow.displayed.QUOTE_IMG}
                                                         </li>
                                                         <li class="btn-edit">
                                                             {postrow.displayed.EDIT_IMG}
                                                         </li>
                                                         <li class="btn-delete">
                                                             {postrow.displayed.DELETE_IMG}
                                                         </li>
                                                                              <li class="btn-ip">
                                                                                     {postrow.displayed.IP_IMG}
                                                                              </li>
                                                                              <li class="btn-report">
                                                                                     {postrow.displayed.REPORT_IMG_NEW}
                                                                              </li>
                                 <li>
                                    <a href="{postrow.displayed.POST_URL}" rel="nofollow">
                                       #{postrow.displayed.COUNT_POSTS}
                                    </a>
                                 </li>
                              </ul>
                           </div>
                           <div class="message-content">
                              <div class="message-userContent">
                                 <div class="message-body">
                                    <div>
                                       <div class="bbWrapper">
                                                                                                             {postrow.displayed.MESSAGE}
                                                                                                     </div>
                                    </div>
                                 </div>
                                                                                     <!-- BEGIN switch_attachments -->
                                                                                     <div class="message-attachments">
                                    <h4 class="block-textHeader">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</h4>
                                    <dl class="attachments">
                                                                    <!-- BEGIN switch_post_attachments -->
                                                                    <dt>
                                                                        <!-- BEGIN switch_dl_att -->
                                                                        <a class="postlink btn btn-flat" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}"><i class="material-icons">attach_file</i>{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 -->
                                          <div class="postlink btn btn-flat" style="cursor: not-allowed"><i class="material-icons">attach_file</i>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}</div> {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>
                                                                             <div class="message-lastEdit"></div>
                                                                             <!-- BEGIN switch_signature -->
                                                                                 <div class="message-signature" id="sig{postrow.displayed.U_POST_ID}">
                                 <div class="bbWrapper">{postrow.displayed.SIGNATURE_NEW}</div>
                              </div>
                                                                                <!-- END switch_signature -->
                           </div>
                           <div class="post-footer<!-- BEGIN switch_likes_active --> likes-active<!-- END switch_likes_active --><!-- BEGIN switch_vote_active --> vote-active<!-- END switch_vote_active -->">
                              <!-- BEGIN switch_likes_active -->
                                                                                <div class="fa_like_div">
                                                                                        <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
                                                                                                <span class="rep-cat">
                                                                                                        <i class="far fa-thumbs-up"></i>
                                                                                                        {postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
                                                                                                </span>
                                                                                                <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
                                                                                        </button>
                                                                                        <!-- BEGIN switch_dislike_button -->
                                                                                        <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                                                                                                <span class="rep-cat">
                                                                                                        <i class="far fa-thumbs-down"></i>
                                                                                                        {postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                                                                                                </span>
                                                                                                <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
                                                                                        </button>
                                                                                        <!-- END switch_dislike_button -->
                                                                                        <!-- BEGIN switch_like_list -->
                                                                                        {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                                                                                        <!-- END switch_like_list -->
                                                                                        <!-- BEGIN switch_dislike_list -->
                                                                                        {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                                                                                        <!-- END switch_dislike_list -->
                                                                                </div>
                                                                                <!-- END switch_likes_active -->
                                                                             <!-- BEGIN switch_vote_active -->
                                                                                <div class="vote">
                                                                                        <!-- BEGIN switch_vote -->
                                                                                        <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="vote-up">
                                                                                                <i class="material-icons">add_circle_outline</i>
                                                                                        </a>
                                                                                        <!-- END switch_vote -->
       
                                                                                        <!-- BEGIN switch_vote -->
                                                                                        <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="vote-down">
                                                                                                <i class="material-icons">remove_circle_outline</i>
                                                                                        </a>
                                                                                        <!-- END switch_vote -->
       
                                                                                        <!-- BEGIN switch_bar -->
                                                                                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                                                                                <div class="vote-bar-desc">
                                                                                                        {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
                                                                                                </div>
                                                                                                <div class="vote-bars">
                                                                                                        <!-- BEGIN switch_vote_plus -->
                                                                                                        <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                                                                                        <!-- END switch_vote_plus -->
                                                                                                        <!-- BEGIN switch_vote_minus -->
                                                                                                        <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                                                                                        <!-- END switch_vote_minus -->
                                                                                                </div>
                                                                                        </div>
                                                                                        <!-- END switch_bar -->
       
                                                                                        <!-- BEGIN switch_no_bar -->
                                                                                        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
                                                                                        <!-- END switch_no_bar -->
                                                                                </div>
                              <!-- END switch_vote_active -->
                           </div>
                        </div>
                     </div>
                                             </div>
                             </div>
                             <!-- END displayed -->
                             <!-- BEGIN hidden -->
                      </div>
                  </div>
           </div>
       </div>
       <!-- END hidden -->
       <!-- END postrow -->
   <!-- BEGIN promot_trafic -->
   <div class="block block-ptrafic" id="ptrafic_close" style="display: none;">
      <div class="block-header">
         <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
            <i class="material-icons">add_circle</i>
         </a>
         <span>{PROMOT_TRAFIC_TITLE}</span>
      </div>
   </div>
   <div class="block block-ptrafic" id="ptrafic_open" style="display:'';">
      <div class="block-header">
         <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
            <i class="material-icons">remove_circle</i>
         </a>
         <span>{PROMOT_TRAFIC_TITLE}</span>
      </div>
      <div class="block-content ptrafic">
         <!-- BEGIN link -->
         <a href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}" >
            <i class="material-icons">chat_bubble</i>
                {promot_trafic.link.TITLE}
         </a><br />
         <!-- END link -->
      </div>
   </div>
   <!-- END promot_trafic -->
       <!-- BEGIN switch_forum_rules -->
       <div class="block" id="forum_rules">
           <div class="block-header">
                  {L_FORUM_RULES}
           </div>
           <div class="block-content">
                  <table class="postbody">
                      <tr>
                             <!-- BEGIN switch_forum_rule_image -->
                             <td class="logo">
                                 <img src="{RULE_IMG_URL}" alt="" />
                             </td>
                             <!-- END switch_forum_rule_image -->
                             <td class="rules content">
                                 {RULE_MSG}
                             </td>
                      </tr>
                  </table>
           </div>
       </div>
       <!-- END switch_forum_rules -->
       {INLINE_MESSAGE}
    {QUICK_REPLY_FORM}
   
    <style>
   
            .sceditor-toolbar {
        text-align: center;
    }
      .quick-reply-side-btns {
        display: flex;
        position: inherit;
        justify-content: center;
    }
   
    .quick-reply-send,.quick-reply-preview {
        background: #2196f3;
        border-radius: 7px;
        color: #f0ffff;
        margin: 10px;
        height: 40px;
        width: 100px;
    }
    .quick-reply-send:hover,.quick-reply-preview:hover {
        background: #191e20;
    }
   
    .quick-reply-preview,.quick-reply-send {
        padding-bottom: 48px;
    }
    </style>
    <script type="text/javascript">
    (function($) {
            toolbar = 'bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,,link,youtube,dailymotion|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,emoticon,twemojifa,date,time,pastetext,source';             
    }(jQuery));
    </script>
       <div class="topic-actions bottom" style="float: right;">
           <div class="topic-actions-buttons">
                  <!-- BEGIN switch_user_logged_in -->
                  <!-- BEGIN watchtopic -->
                  {S_WATCH_TOPIC}
                  <!-- END watchtopic -->
                  <!-- END switch_user_logged_in -->
           </div>
       </div>
       <!-- BEGIN topicpagination -->
       <div class="pagination">
           {PAGINATION}
       </div>
       <!-- END topicpagination -->
     <div style="margin-top: 11%;">{JUMPBOX}</div>
       <!-- BEGIN viewtopic_bottom -->
       <form class="quickmod" method="get" action="{S_FORM_MOD_ACTION}">
           <input type="hidden" name="t" value="{TOPIC_ID}" />
           <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
           <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
           <label>
                  <span>{L_MOD_TOOLS}:</span>
                  <div class="quickmod-wrap">
                      {S_SELECT_MOD}
                      <input type="submit" value="{L_GO}" />
                  </div>
           </label>
       </form>
       <div class="topic-admin">{S_TOPIC_ADMIN}</div>
       <!-- END viewtopic_bottom -->
       <!-- BEGIN show_permissions -->
       <div class="block">
           <div class="block-header">
         <i class="material-icons">privacy_tip</i> {L_TABS_PERMISSIONS}
           </div>
           <div class="block-content">
                  {S_AUTH_LIST}
           </div>
       </div>
       <!-- END show_permissions -->
       <!-- BEGIN switch_user_authreply -->
       <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" {S_POST_REPLY_TOPIC} class="btn-fixed" title="{L_POST_REPLY_TOPIC}">
           <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
      <span class="btn-fixed-txt">{L_POST_REPLY_TOPIC}</span>
   </a>
       <!-- END switch_user_authreply -->
   <!-- BEGIN switch_user_authnoreply -->
   <a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" class="btn-fixed" title="{T_LOGIN_REPLY_TOPIC}">
      <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
      <span class="btn-fixed-txt">{L_LOGIN_REPLY_TOPIC}</span>
   </a>
   <!-- END switch_user_authnoreply -->
</main>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('.post-author-contact').each(function () {
            $(this).find('a:nth-child(5n)').each(function () {
                $(this).after('<br />');
            });
        });
    });
    //]]>
</script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/railscasts.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
    $(document).ready(function() {
        $('pre, code').each(function(i, block) {
            hljs.highlightBlock(block);
        });

        $('.post-author-contact').on('click', function() {
            if ($(this).parents('.post-body').css('flex-direction') == 'row') {
                $(this).children('.dropdown-box').css({
                    'left': 'auto',
                    'right': '0'
                });
            } else {
                $(this).children('.dropdown-box').css({
                    'left': '0',
                    'right': 'auto'
                });
            }
        });

      <!-- BEGIN switch_push_direct_send -->
      $('#push-answer').jqm({toTop: true});

      $('#push-bell').click(function(){
         return sendWebPush({TOPIC_ID});
      });

      function sendWebPush(tId){
         $.get("/ajax_push.php?topicID=" + tId ).done(showPushAnswer);
      }

      function showPushAnswer(data) {
         $('#push-answer').html(data).jqmShow();
         $('.jqmOverlay').bgiframe();
         $('#push-answer').bgiframe();
      }
      <!-- END switch_push_direct_send -->
    });
</script>
<!-- algantel.com -->
<style type='text/css'>
.post{
-webkit-user-select: none; /* Webkit */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10 */
-o-user-select: none;
user-select: none;
}
</style>
 <!-- تم التكويد بواسطة كونان2000 -->
  <!-- تصميم مقتبس من بعض منتديات الفي بي -->

Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف كونان2000 27/9/2024, 12:25 am

جرب القالب المعدل
الكود:
<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
  //<![CDATA[
  var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
    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).parent().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 switch_push_direct_send -->
<div id="push-answer" class="jqmWindow"></div>
<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>
<!-- END switch_push_direct_send -->

<main id="topic">
    <div class="page-header">
                <div class="breadcrumbs">
                        <ul class="breadcrumbs-inner" itemscope="" itemtype="https://schema.org/BreadcrumbList">
                                <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
                                        <a href="{U_INDEX}" itemprop="item">
                                                <span itemprop="name">{L_INDEX}</span>
                                        </a>
                                </li>
                                {NAV_CAT_DESC}
                        </ul>
                </div>
                <div class="page-header-content">
                        <div class="page-header-title">
                                <h1><a href="{TOPIC_URL}"> <div class="dalal">{TOPIC_TITLE}</div></a>
                                  <!-- BEGIN switch_push_direct_send -->
                                  &nbsp;<span id="push-bell" style="color:goldenrod;" title="{switch_push_direct_send.L_PUSH_SEND}"><i class="material-icons">notifications</i></span>
                                  <!-- END switch_push_direct_send --></h1>
                                <div class="page-header-pageAction">
                                    <!-- BEGIN switch_user_authpost -->
              <a href="{U_POST_NEW_TOPIC}" rel="nofollow" title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="btn btn-default mobile-hidden">
                          <i class="material-icons">{I_POST_NEW_TOPIC}</i>
                          <span>{L_POST_NEW_TOPIC}</span>
                    </a>
                                  <!-- END switch_user_authpost -->
                                <!-- BEGIN switch_user_authreply -->
                                    <a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} class="btn btn-default">
                          <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
                          <span>{L_POST_REPLY_TOPIC}</span>
                    </a>
                    <!-- END switch_user_authreply -->
              <!-- BEGIN switch_user_authnoreply -->
                                    <a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" title="{T_LOGIN_REPLY_TOPIC}" class="btn btn-default mobile-hidden">
                  <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
                  <span>{L_LOGIN_REPLY_TOPIC}</span>
              </a>
              <!-- END switch_user_authnoreply -->
                            </div>
                        </div>
                        <div class="page-header-description">
                            <!-- BEGIN postrow --><!-- BEGIN displayed -->
                        <ul>
              <li>
                  <i class="fa--xf far fa-user" title="كاتب الموضوع"></i>
                  {postrow.displayed.POSTER_NAME}
              </li>
              <li>
                  <i class="fa--xf far fa-clock" title="تمت الكتابة في"></i>
                  {postrow.displayed.POST_DATE_NEW}
              </li>
            </ul>
                            <!-- END displayed --><!-- END postrow -->
                    </div>
                </div>
        </div>
    <div class="topic-header">
                {POSTERS_LIST}
      </div>
    <!-- BEGIN topicpagination -->
        <div class="pagination">
            {PAGINATION}
        </div>
        <!-- END topicpagination -->
      <div class="topic-actions">
          <div class="topic-actions-buttons">
                  <!-- BEGIN switch_plus_menu -->
                  <div class="plus-menu-wrap">
                      <script type="text/javascript">//<![CDATA[
                          var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                          var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                          var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                          var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                          var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                          insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                          //]]>
                      </script>
                  </div>
                  <!-- END switch_plus_menu -->
                  <!-- BEGIN switch_plus_menu -->
        <div id="addthis-toolbar">
            <div class="btn-floating-left" tabindex="100">
                          {L_SHARE}
            </div>
            <div class="addthis-toolbar-btn" style="position:absolute; z-index:1000; display: none; background-color: #fff;">
                            {switch_plus_menu.SOCIAL_BUTTONS}
            </div>
        </div>
                  {switch_plus_menu.JS_SOCIAL_BUTTONS}
                  <!-- END switch_plus_menu -->
          </div>
  </div>
  <!-- BEGIN switch_isconnect -->
    <div class="buttonGroup" style="direction: ltr;margin-bottom: 10px;display: block;margin-top: 10px;">
        <a href="{U_VIEW_OLDER_TOPIC}" title="{L_VIEW_PREVIOUS_TOPIC}" style="float: left;"><i class="far fa-chevron-left" style="margin-right: .5em;"></i><span>{L_PREVIOUS}</span></a>
      <a href="{U_VIEW_NEWER_TOPIC}" title="{L_VIEW_NEXT_TOPIC}" style="float: right;"><span>{L_NEXT}</span><i class="far fa-chevron-right" style="margin-left: .5em;"></i></a>
  </div>
  <!-- END switch_isconnect -->
      {POLL_DISPLAY}
      <!-- BEGIN postrow -->
      <!-- BEGIN hidden -->
      <div class="post-wrap {postrow.hidden.ROW_CLASS} post-hidden">
          <div class="block">
                  <div class="block-content">
                      {postrow.hidden.MESSAGE}
                      <div class="block-footer" style="display: none;">
                            <!-- END hidden -->
                            <!-- BEGIN displayed -->
                            <div id="post-{postrow.U_POST_ID}" class="message {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
                                            <div class="message-inner">
                                                    <div class="message-cell message-cell--user">
                        <div class="message-user">
                          <div class="message-avatar ">
                              <div class="message-avatar-wrapper">
                                                                                    {postrow.displayed.POSTER_AVATAR}
                                                                                    <div class="author-status"></div>
                              </div>
                          </div>
                          <div class="message-userDetails">
                              <h4 class="message-name">{postrow.displayed.POSTER_NAME}</h4>
                              <h5 class="userTitle message-userTitle" dir="auto">{postrow.displayed.POSTER_RANK_NEW}</h5>
                              {postrow.displayed.RANK_IMAGE}
                          </div>
                          <div class="message-userExtras">
                              <!-- BEGIN profile_field -->
                                                                            <dl class="pairs pairs--justified">
                                <dt>{postrow.displayed.profile_field.LABEL}</dt>
                                <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                              </dl>
                              <!-- END profile_field -->
                          </div>
                                                                    <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION} box-body">
                                                      {postrow.displayed.AWARDS}
                          </div>
                                                                <div class="award_more box-body"></div><br />
                                                                    <div class="post-author-rpg">
                                                      {postrow.displayed.POSTER_RPG}
                                              </div>
                                              <div class="post-author-contact dropdown">
                                                      <i class="material-icons">keyboard_arrow_down</i>
                                                      <div class="dropdown-box">
                                                          {postrow.displayed.PROFILE_IMG}
                                                          {postrow.displayed.PM_IMG}
                                                          {postrow.displayed.EMAIL_IMG}
                                                          <!-- BEGIN contact_field -->
                                                          {postrow.displayed.contact_field.CONTENT}
                                                          <!-- END contact_field -->
                                                      </div>
                                              </div>
                          <span class="message-userArrow"></span>
                        </div>
                    </div>
                                                    <div class="message-cell message-cell--main" {postrow.displayed.THANK_BGCOLOR}>
                        <div class="message-main">
                          <div id="{postrow.U_POST_ID}" class="message-attribution message-attribution--split">
                              <ul class="message-attribution-main listInline ">
                                <li>
                                                                                            {postrow.displayed.ICON}
                                                                                  <a href="{postrow.displayed.POST_URL}" rel="nofollow">
                                      {postrow.displayed.POST_DATE_NEW}
                                    </a>
                                </li>
                              </ul>
                              <ul class="message-attribution-opposite message-attribution-opposite--list">
                                <li class="btn-thank">
                                                            {postrow.displayed.THANK_IMG}
                                                        </li>
                                                        <li class="btn-quote-multi">
                                                            {postrow.displayed.MULTIQUOTE_IMG}
                                                        </li>
                                                        <li class="btn-quote">
                                                            {postrow.displayed.QUOTE_IMG}
                                                        </li>
                                                        <li class="btn-edit">
                                                            {postrow.displayed.EDIT_IMG}
                                                        </li>
                                                        <li class="btn-delete">
                                                            {postrow.displayed.DELETE_IMG}
                                                        </li>
                                                                              <li class="btn-ip">
                                                                                    {postrow.displayed.IP_IMG}
                                                                              </li>
                                                                              <li class="btn-report">
                                                                                    {postrow.displayed.REPORT_IMG_NEW}
                                                                              </li>
                                <li>
                                    <a href="{postrow.displayed.POST_URL}" rel="nofollow">
                                      #{postrow.displayed.COUNT_POSTS}
                                    </a>
                                </li>
                              </ul>
                          </div>
                          <div class="message-content">
                              <div class="message-userContent">
                                <div class="message-body">
                                    <div>
                                      <div class="bbWrapper">
                                                                                                            {postrow.displayed.MESSAGE}
                                                                                                    </div>
                                    </div>
                                </div>
                                                                                    <!-- BEGIN switch_attachments -->
                                                                                    <div class="message-attachments">
                                    <h4 class="block-textHeader">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</h4>
                                    <dl class="attachments">
                                                                    <!-- BEGIN switch_post_attachments -->
                                                                    <dt>
                                                                        <!-- BEGIN switch_dl_att -->
                                                                        <a class="postlink btn btn-flat" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}"><i class="material-icons">attach_file</i>{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 -->
                                          <div class="postlink btn btn-flat" style="cursor: not-allowed"><i class="material-icons">attach_file</i>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}</div> {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>
                                                                            <div class="message-lastEdit"></div>
                                                                            <!-- BEGIN switch_signature -->
                                                                                <div class="message-signature" id="sig{postrow.displayed.U_POST_ID}">
                                <div class="bbWrapper">{postrow.displayed.SIGNATURE_NEW}</div>
                              </div>
                                                                                <!-- END switch_signature -->
                          </div>
                          <div class="post-footer<!-- BEGIN switch_likes_active --> likes-active<!-- END switch_likes_active --><!-- BEGIN switch_vote_active --> vote-active<!-- END switch_vote_active -->">
                              <!-- BEGIN switch_likes_active -->
                                                                                <div class="fa_like_div">
                                                                                        <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
                                                                                                <span class="rep-cat">
                                                                                                        <i class="far fa-thumbs-up"></i>
                                                                                                        {postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
                                                                                                </span>
                                                                                                <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
                                                                                        </button>
                                                                                        <!-- BEGIN switch_dislike_button -->
                                                                                        <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                                                                                                <span class="rep-cat">
                                                                                                        <i class="far fa-thumbs-down"></i>
                                                                                                        {postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                                                                                                </span>
                                                                                                <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
                                                                                        </button>
                                                                                        <!-- END switch_dislike_button -->
                                                                                        <!-- BEGIN switch_like_list -->
                                                                                        {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                                                                                        <!-- END switch_like_list -->
                                                                                        <!-- BEGIN switch_dislike_list -->
                                                                                        {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                                                                                        <!-- END switch_dislike_list -->
                                                                                </div>
                                                                                <!-- END switch_likes_active -->
                                                                            <!-- BEGIN switch_vote_active -->
                                                                                <div class="vote">
                                                                                        <!-- BEGIN switch_vote -->
                                                                                        <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="vote-up">
                                                                                                <i class="material-icons">add_circle_outline</i>
                                                                                        </a>
                                                                                        <!-- END switch_vote -->
     
                                                                                        <!-- BEGIN switch_vote -->
                                                                                        <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="vote-down">
                                                                                                <i class="material-icons">remove_circle_outline</i>
                                                                                        </a>
                                                                                        <!-- END switch_vote -->
     
                                                                                        <!-- BEGIN switch_bar -->
                                                                                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                                                                                <div class="vote-bar-desc">
                                                                                                        {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
                                                                                                </div>
                                                                                                <div class="vote-bars">
                                                                                                        <!-- BEGIN switch_vote_plus -->
                                                                                                        <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                                                                                        <!-- END switch_vote_plus -->
                                                                                                        <!-- BEGIN switch_vote_minus -->
                                                                                                        <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                                                                                        <!-- END switch_vote_minus -->
                                                                                                </div>
                                                                                        </div>
                                                                                        <!-- END switch_bar -->
     
                                                                                        <!-- BEGIN switch_no_bar -->
                                                                                        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
                                                                                        <!-- END switch_no_bar -->
                                                                                </div>
                              <!-- END switch_vote_active -->
                          </div>
                        </div>
                    </div>
                                            </div>
                            </div>
                            <!-- END displayed -->
                            <!-- BEGIN hidden -->
                      </div>
                  </div>
          </div>
      </div>
      <!-- END hidden -->
      <!-- END postrow -->
  <!-- BEGIN promot_trafic -->
  <div class="block block-ptrafic" id="ptrafic_close" style="display: none;">
      <div class="block-header">
        <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
            <i class="material-icons">add_circle</i>
        </a>
        <span>{PROMOT_TRAFIC_TITLE}</span>
      </div>
  </div>
  <div class="block block-ptrafic" id="ptrafic_open" style="display:'';">
      <div class="block-header">
        <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
            <i class="material-icons">remove_circle</i>
        </a>
        <span>{PROMOT_TRAFIC_TITLE}</span>
      </div>
      <div class="block-content ptrafic">
        <!-- BEGIN link -->
        <a href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}" >
            <i class="material-icons">chat_bubble</i>
                {promot_trafic.link.TITLE}
        </a><br />
        <!-- END link -->
      </div>
  </div>
  <!-- END promot_trafic -->
      <!-- BEGIN switch_forum_rules -->
      <div class="block" id="forum_rules">
          <div class="block-header">
                  {L_FORUM_RULES}
          </div>
          <div class="block-content">
                  <table class="postbody">
                      <tr>
                            <!-- BEGIN switch_forum_rule_image -->
                            <td class="logo">
                                <img src="{RULE_IMG_URL}" alt="" />
                            </td>
                            <!-- END switch_forum_rule_image -->
                            <td class="rules content">
                                {RULE_MSG}
                            </td>
                      </tr>
                  </table>
          </div>
      </div>
      <!-- END switch_forum_rules -->
      {INLINE_MESSAGE}
    {QUICK_REPLY_FORM}
 
    <style>
 
            .sceditor-toolbar {
        text-align: center;
    }
      .quick-reply-side-btns {
        display: flex;
        position: inherit;
        justify-content: center;
    }
 
    .quick-reply-send,.quick-reply-preview {
        background: #2196f3;
        border-radius: 7px;
        color: #f0ffff;
        margin: 10px;
        height: 40px;
        width: 100px;
    }
    .quick-reply-send:hover,.quick-reply-preview:hover {
        background: #191e20;
    }
 
    .quick-reply-preview,.quick-reply-send {
        padding-bottom: 48px;
    }
    </style>
    <script type="text/javascript">
    (function($) {
            toolbar = 'bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,,link,youtube,dailymotion|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,emoticon,twemojifa,date,time,pastetext,source';           
    }(jQuery));
    </script>
      <div class="topic-actions bottom" style="float: right;">
          <div class="topic-actions-buttons">
                  <!-- BEGIN switch_user_logged_in -->
                  <!-- BEGIN watchtopic -->
                  {S_WATCH_TOPIC}
                  <!-- END watchtopic -->
                  <!-- END switch_user_logged_in -->
          </div>
      </div>
      <!-- BEGIN topicpagination -->
      <div class="pagination">
          {PAGINATION}
      </div>
      <!-- END topicpagination -->
    <div style="margin-top: 11%;">{JUMPBOX}</div>
      <!-- BEGIN viewtopic_bottom -->
      <form class="quickmod" method="get" action="{S_FORM_MOD_ACTION}">
          <input type="hidden" name="t" value="{TOPIC_ID}" />
          <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
          <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
          <label>
                  <span>{L_MOD_TOOLS}:</span>
                  <div class="quickmod-wrap">
                      {S_SELECT_MOD}
                      <input type="submit" value="{L_GO}" />
                  </div>
          </label>
      </form>
      <div class="topic-admin">{S_TOPIC_ADMIN}</div>
      <!-- END viewtopic_bottom -->
      <!-- BEGIN show_permissions -->
      <div class="block">
          <div class="block-header">
        <i class="material-icons">privacy_tip</i> {L_TABS_PERMISSIONS}
          </div>
          <div class="block-content">
                  {S_AUTH_LIST}
          </div>
      </div>
      <!-- END show_permissions -->
      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" {S_POST_REPLY_TOPIC} class="btn-fixed" title="{L_POST_REPLY_TOPIC}">
          <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
      <span class="btn-fixed-txt">{L_POST_REPLY_TOPIC}</span>
  </a>
      <!-- END switch_user_authreply -->
  <!-- BEGIN switch_user_authnoreply -->
  <a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" class="btn-fixed" title="{T_LOGIN_REPLY_TOPIC}">
      <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
      <span class="btn-fixed-txt">{L_LOGIN_REPLY_TOPIC}</span>
  </a>
  <!-- END switch_user_authnoreply -->
</main>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('.post-author-contact').each(function () {
            $(this).find('a:nth-child(5n)').each(function () {
                $(this).after('<br />');
            });
        });
    });
    //]]>
</script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/railscasts.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
    $(document).ready(function() {
        $('pre, code').each(function(i, block) {
            hljs.highlightBlock(block);
        });

        $('.post-author-contact').on('click', function() {
            if ($(this).parents('.post-body').css('flex-direction') == 'row') {
                $(this).children('.dropdown-box').css({
                    'left': 'auto',
                    'right': '0'
                });
            } else {
                $(this).children('.dropdown-box').css({
                    'left': '0',
                    'right': 'auto'
                });
            }
        });

      <!-- BEGIN switch_push_direct_send -->
      $('#push-answer').jqm({toTop: true});

      $('#push-bell').click(function(){
        return sendWebPush({TOPIC_ID});
      });

      function sendWebPush(tId){
        $.get("/ajax_push.php?topicID=" + tId ).done(showPushAnswer);
      }

      function showPushAnswer(data) {
        $('#push-answer').html(data).jqmShow();
        $('.jqmOverlay').bgiframe();
        $('#push-answer').bgiframe();
      }
      <!-- END switch_push_direct_send -->
    });
</script>
<!-- algantel.com -->
<style type='text/css'>
.post{
-webkit-user-select: none; /* Webkit */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10 */
-o-user-select: none;
user-select: none;
}
</style>
 <!-- تم التكويد بواسطة كونان2000 -->
  <!-- تصميم مقتبس من بعض منتديات الفي بي -->
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3693
السُمعة : 332

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف كونان2000 27/9/2024, 12:35 am

عفوا اخي
انا اخطئت
هذا القالب الصحيح
الكود:
<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
  //<![CDATA[
  var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
    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).parent().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 switch_push_direct_send -->
<div id="push-answer" class="jqmWindow"></div>
<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>
<!-- END switch_push_direct_send -->

<main id="topic">
    <div class="page-header">
                <div class="breadcrumbs">
                        <ul class="breadcrumbs-inner" itemscope="" itemtype="https://schema.org/BreadcrumbList">
                                <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
                                        <a href="{U_INDEX}" itemprop="item">
                                                <span itemprop="name">{L_INDEX}</span>
                                        </a>
                                </li>
                                {NAV_CAT_DESC}
                        </ul>
                </div>
                <div class="page-header-content">
                        <div class="page-header-title">
                                <h1><div class="dalal"><a href="{TOPIC_URL}"> {TOPIC_TITLE}</a></div>
                                  <!-- BEGIN switch_push_direct_send -->
                                  &nbsp;<span id="push-bell" style="color:goldenrod;" title="{switch_push_direct_send.L_PUSH_SEND}"><i class="material-icons">notifications</i></span>
                                  <!-- END switch_push_direct_send --></h1>
                                <div class="page-header-pageAction">
                                    <!-- BEGIN switch_user_authpost -->
              <a href="{U_POST_NEW_TOPIC}" rel="nofollow" title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="btn btn-default mobile-hidden">
                          <i class="material-icons">{I_POST_NEW_TOPIC}</i>
                          <span>{L_POST_NEW_TOPIC}</span>
                    </a>
                                  <!-- END switch_user_authpost -->
                                <!-- BEGIN switch_user_authreply -->
                                    <a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} class="btn btn-default">
                          <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
                          <span>{L_POST_REPLY_TOPIC}</span>
                    </a>
                    <!-- END switch_user_authreply -->
              <!-- BEGIN switch_user_authnoreply -->
                                    <a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" title="{T_LOGIN_REPLY_TOPIC}" class="btn btn-default mobile-hidden">
                  <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
                  <span>{L_LOGIN_REPLY_TOPIC}</span>
              </a>
              <!-- END switch_user_authnoreply -->
                            </div>
                        </div>
                        <div class="page-header-description">
                            <!-- BEGIN postrow --><!-- BEGIN displayed -->
                        <ul>
              <li>
                  <i class="fa--xf far fa-user" title="كاتب الموضوع"></i>
                  {postrow.displayed.POSTER_NAME}
              </li>
              <li>
                  <i class="fa--xf far fa-clock" title="تمت الكتابة في"></i>
                  {postrow.displayed.POST_DATE_NEW}
              </li>
            </ul>
                            <!-- END displayed --><!-- END postrow -->
                    </div>
                </div>
        </div>
    <div class="topic-header">
                {POSTERS_LIST}
      </div>
    <!-- BEGIN topicpagination -->
        <div class="pagination">
            {PAGINATION}
        </div>
        <!-- END topicpagination -->
      <div class="topic-actions">
          <div class="topic-actions-buttons">
                  <!-- BEGIN switch_plus_menu -->
                  <div class="plus-menu-wrap">
                      <script type="text/javascript">//<![CDATA[
                          var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                          var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                          var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                          var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                          var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                          insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                          //]]>
                      </script>
                  </div>
                  <!-- END switch_plus_menu -->
                  <!-- BEGIN switch_plus_menu -->
        <div id="addthis-toolbar">
            <div class="btn-floating-left" tabindex="100">
                          {L_SHARE}
            </div>
            <div class="addthis-toolbar-btn" style="position:absolute; z-index:1000; display: none; background-color: #fff;">
                            {switch_plus_menu.SOCIAL_BUTTONS}
            </div>
        </div>
                  {switch_plus_menu.JS_SOCIAL_BUTTONS}
                  <!-- END switch_plus_menu -->
          </div>
  </div>
  <!-- BEGIN switch_isconnect -->
    <div class="buttonGroup" style="direction: ltr;margin-bottom: 10px;display: block;margin-top: 10px;">
        <a href="{U_VIEW_OLDER_TOPIC}" title="{L_VIEW_PREVIOUS_TOPIC}" style="float: left;"><i class="far fa-chevron-left" style="margin-right: .5em;"></i><span>{L_PREVIOUS}</span></a>
      <a href="{U_VIEW_NEWER_TOPIC}" title="{L_VIEW_NEXT_TOPIC}" style="float: right;"><span>{L_NEXT}</span><i class="far fa-chevron-right" style="margin-left: .5em;"></i></a>
  </div>
  <!-- END switch_isconnect -->
      {POLL_DISPLAY}
      <!-- BEGIN postrow -->
      <!-- BEGIN hidden -->
      <div class="post-wrap {postrow.hidden.ROW_CLASS} post-hidden">
          <div class="block">
                  <div class="block-content">
                      {postrow.hidden.MESSAGE}
                      <div class="block-footer" style="display: none;">
                            <!-- END hidden -->
                            <!-- BEGIN displayed -->
                            <div id="post-{postrow.U_POST_ID}" class="message {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
                                            <div class="message-inner">
                                                    <div class="message-cell message-cell--user">
                        <div class="message-user">
                          <div class="message-avatar ">
                              <div class="message-avatar-wrapper">
                                                                                    {postrow.displayed.POSTER_AVATAR}
                                                                                    <div class="author-status"></div>
                              </div>
                          </div>
                          <div class="message-userDetails">
                              <h4 class="message-name">{postrow.displayed.POSTER_NAME}</h4>
                              <h5 class="userTitle message-userTitle" dir="auto">{postrow.displayed.POSTER_RANK_NEW}</h5>
                              {postrow.displayed.RANK_IMAGE}
                          </div>
                          <div class="message-userExtras">
                              <!-- BEGIN profile_field -->
                                                                            <dl class="pairs pairs--justified">
                                <dt>{postrow.displayed.profile_field.LABEL}</dt>
                                <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                              </dl>
                              <!-- END profile_field -->
                          </div>
                                                                    <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION} box-body">
                                                      {postrow.displayed.AWARDS}
                          </div>
                                                                <div class="award_more box-body"></div><br />
                                                                    <div class="post-author-rpg">
                                                      {postrow.displayed.POSTER_RPG}
                                              </div>
                                              <div class="post-author-contact dropdown">
                                                      <i class="material-icons">keyboard_arrow_down</i>
                                                      <div class="dropdown-box">
                                                          {postrow.displayed.PROFILE_IMG}
                                                          {postrow.displayed.PM_IMG}
                                                          {postrow.displayed.EMAIL_IMG}
                                                          <!-- BEGIN contact_field -->
                                                          {postrow.displayed.contact_field.CONTENT}
                                                          <!-- END contact_field -->
                                                      </div>
                                              </div>
                          <span class="message-userArrow"></span>
                        </div>
                    </div>
                                                    <div class="message-cell message-cell--main" {postrow.displayed.THANK_BGCOLOR}>
                        <div class="message-main">
                          <div id="{postrow.U_POST_ID}" class="message-attribution message-attribution--split">
                              <ul class="message-attribution-main listInline ">
                                <li>
                                                                                            {postrow.displayed.ICON}
                                                                                  <a href="{postrow.displayed.POST_URL}" rel="nofollow">
                                      {postrow.displayed.POST_DATE_NEW}
                                    </a>
                                </li>
                              </ul>
                              <ul class="message-attribution-opposite message-attribution-opposite--list">
                                <li class="btn-thank">
                                                            {postrow.displayed.THANK_IMG}
                                                        </li>
                                                        <li class="btn-quote-multi">
                                                            {postrow.displayed.MULTIQUOTE_IMG}
                                                        </li>
                                                        <li class="btn-quote">
                                                            {postrow.displayed.QUOTE_IMG}
                                                        </li>
                                                        <li class="btn-edit">
                                                            {postrow.displayed.EDIT_IMG}
                                                        </li>
                                                        <li class="btn-delete">
                                                            {postrow.displayed.DELETE_IMG}
                                                        </li>
                                                                              <li class="btn-ip">
                                                                                    {postrow.displayed.IP_IMG}
                                                                              </li>
                                                                              <li class="btn-report">
                                                                                    {postrow.displayed.REPORT_IMG_NEW}
                                                                              </li>
                                <li>
                                    <a href="{postrow.displayed.POST_URL}" rel="nofollow">
                                      #{postrow.displayed.COUNT_POSTS}
                                    </a>
                                </li>
                              </ul>
                          </div>
                          <div class="message-content">
                              <div class="message-userContent">
                                <div class="message-body">
                                    <div>
                                      <div class="bbWrapper">
                                                                                                            {postrow.displayed.MESSAGE}
                                                                                                    </div>
                                    </div>
                                </div>
                                                                                    <!-- BEGIN switch_attachments -->
                                                                                    <div class="message-attachments">
                                    <h4 class="block-textHeader">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</h4>
                                    <dl class="attachments">
                                                                    <!-- BEGIN switch_post_attachments -->
                                                                    <dt>
                                                                        <!-- BEGIN switch_dl_att -->
                                                                        <a class="postlink btn btn-flat" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}"><i class="material-icons">attach_file</i>{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 -->
                                          <div class="postlink btn btn-flat" style="cursor: not-allowed"><i class="material-icons">attach_file</i>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}</div> {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>
                                                                            <div class="message-lastEdit"></div>
                                                                            <!-- BEGIN switch_signature -->
                                                                                <div class="message-signature" id="sig{postrow.displayed.U_POST_ID}">
                                <div class="bbWrapper">{postrow.displayed.SIGNATURE_NEW}</div>
                              </div>
                                                                                <!-- END switch_signature -->
                          </div>
                          <div class="post-footer<!-- BEGIN switch_likes_active --> likes-active<!-- END switch_likes_active --><!-- BEGIN switch_vote_active --> vote-active<!-- END switch_vote_active -->">
                              <!-- BEGIN switch_likes_active -->
                                                                                <div class="fa_like_div">
                                                                                        <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
                                                                                                <span class="rep-cat">
                                                                                                        <i class="far fa-thumbs-up"></i>
                                                                                                        {postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
                                                                                                </span>
                                                                                                <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
                                                                                        </button>
                                                                                        <!-- BEGIN switch_dislike_button -->
                                                                                        <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                                                                                                <span class="rep-cat">
                                                                                                        <i class="far fa-thumbs-down"></i>
                                                                                                        {postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                                                                                                </span>
                                                                                                <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
                                                                                        </button>
                                                                                        <!-- END switch_dislike_button -->
                                                                                        <!-- BEGIN switch_like_list -->
                                                                                        {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                                                                                        <!-- END switch_like_list -->
                                                                                        <!-- BEGIN switch_dislike_list -->
                                                                                        {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                                                                                        <!-- END switch_dislike_list -->
                                                                                </div>
                                                                                <!-- END switch_likes_active -->
                                                                            <!-- BEGIN switch_vote_active -->
                                                                                <div class="vote">
                                                                                        <!-- BEGIN switch_vote -->
                                                                                        <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="vote-up">
                                                                                                <i class="material-icons">add_circle_outline</i>
                                                                                        </a>
                                                                                        <!-- END switch_vote -->
     
                                                                                        <!-- BEGIN switch_vote -->
                                                                                        <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="vote-down">
                                                                                                <i class="material-icons">remove_circle_outline</i>
                                                                                        </a>
                                                                                        <!-- END switch_vote -->
     
                                                                                        <!-- BEGIN switch_bar -->
                                                                                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                                                                                <div class="vote-bar-desc">
                                                                                                        {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
                                                                                                </div>
                                                                                                <div class="vote-bars">
                                                                                                        <!-- BEGIN switch_vote_plus -->
                                                                                                        <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                                                                                        <!-- END switch_vote_plus -->
                                                                                                        <!-- BEGIN switch_vote_minus -->
                                                                                                        <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                                                                                        <!-- END switch_vote_minus -->
                                                                                                </div>
                                                                                        </div>
                                                                                        <!-- END switch_bar -->
     
                                                                                        <!-- BEGIN switch_no_bar -->
                                                                                        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
                                                                                        <!-- END switch_no_bar -->
                                                                                </div>
                              <!-- END switch_vote_active -->
                          </div>
                        </div>
                    </div>
                                            </div>
                            </div>
                            <!-- END displayed -->
                            <!-- BEGIN hidden -->
                      </div>
                  </div>
          </div>
      </div>
      <!-- END hidden -->
      <!-- END postrow -->
  <!-- BEGIN promot_trafic -->
  <div class="block block-ptrafic" id="ptrafic_close" style="display: none;">
      <div class="block-header">
        <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
            <i class="material-icons">add_circle</i>
        </a>
        <span>{PROMOT_TRAFIC_TITLE}</span>
      </div>
  </div>
  <div class="block block-ptrafic" id="ptrafic_open" style="display:'';">
      <div class="block-header">
        <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
            <i class="material-icons">remove_circle</i>
        </a>
        <span>{PROMOT_TRAFIC_TITLE}</span>
      </div>
      <div class="block-content ptrafic">
        <!-- BEGIN link -->
        <a href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}" >
            <i class="material-icons">chat_bubble</i>
                {promot_trafic.link.TITLE}
        </a><br />
        <!-- END link -->
      </div>
  </div>
  <!-- END promot_trafic -->
      <!-- BEGIN switch_forum_rules -->
      <div class="block" id="forum_rules">
          <div class="block-header">
                  {L_FORUM_RULES}
          </div>
          <div class="block-content">
                  <table class="postbody">
                      <tr>
                            <!-- BEGIN switch_forum_rule_image -->
                            <td class="logo">
                                <img src="{RULE_IMG_URL}" alt="" />
                            </td>
                            <!-- END switch_forum_rule_image -->
                            <td class="rules content">
                                {RULE_MSG}
                            </td>
                      </tr>
                  </table>
          </div>
      </div>
      <!-- END switch_forum_rules -->
      {INLINE_MESSAGE}
    {QUICK_REPLY_FORM}
 
    <style>
 
            .sceditor-toolbar {
        text-align: center;
    }
      .quick-reply-side-btns {
        display: flex;
        position: inherit;
        justify-content: center;
    }
 
    .quick-reply-send,.quick-reply-preview {
        background: #2196f3;
        border-radius: 7px;
        color: #f0ffff;
        margin: 10px;
        height: 40px;
        width: 100px;
    }
    .quick-reply-send:hover,.quick-reply-preview:hover {
        background: #191e20;
    }
 
    .quick-reply-preview,.quick-reply-send {
        padding-bottom: 48px;
    }
    </style>
    <script type="text/javascript">
    (function($) {
            toolbar = 'bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,,link,youtube,dailymotion|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,emoticon,twemojifa,date,time,pastetext,source';           
    }(jQuery));
    </script>
      <div class="topic-actions bottom" style="float: right;">
          <div class="topic-actions-buttons">
                  <!-- BEGIN switch_user_logged_in -->
                  <!-- BEGIN watchtopic -->
                  {S_WATCH_TOPIC}
                  <!-- END watchtopic -->
                  <!-- END switch_user_logged_in -->
          </div>
      </div>
      <!-- BEGIN topicpagination -->
      <div class="pagination">
          {PAGINATION}
      </div>
      <!-- END topicpagination -->
    <div style="margin-top: 11%;">{JUMPBOX}</div>
      <!-- BEGIN viewtopic_bottom -->
      <form class="quickmod" method="get" action="{S_FORM_MOD_ACTION}">
          <input type="hidden" name="t" value="{TOPIC_ID}" />
          <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
          <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
          <label>
                  <span>{L_MOD_TOOLS}:</span>
                  <div class="quickmod-wrap">
                      {S_SELECT_MOD}
                      <input type="submit" value="{L_GO}" />
                  </div>
          </label>
      </form>
      <div class="topic-admin">{S_TOPIC_ADMIN}</div>
      <!-- END viewtopic_bottom -->
      <!-- BEGIN show_permissions -->
      <div class="block">
          <div class="block-header">
        <i class="material-icons">privacy_tip</i> {L_TABS_PERMISSIONS}
          </div>
          <div class="block-content">
                  {S_AUTH_LIST}
          </div>
      </div>
      <!-- END show_permissions -->
      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" {S_POST_REPLY_TOPIC} class="btn-fixed" title="{L_POST_REPLY_TOPIC}">
          <i class="material-icons">{I_POST_REPLY_TOPIC}</i>
      <span class="btn-fixed-txt">{L_POST_REPLY_TOPIC}</span>
  </a>
      <!-- END switch_user_authreply -->
  <!-- BEGIN switch_user_authnoreply -->
  <a href="{U_LOGIN_REPLY_TOPIC}" rel="nofollow" class="btn-fixed" title="{T_LOGIN_REPLY_TOPIC}">
      <i class="material-icons">{I_LOGIN_REPLY_TOPIC}</i>
      <span class="btn-fixed-txt">{L_LOGIN_REPLY_TOPIC}</span>
  </a>
  <!-- END switch_user_authnoreply -->
</main>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('.post-author-contact').each(function () {
            $(this).find('a:nth-child(5n)').each(function () {
                $(this).after('<br />');
            });
        });
    });
    //]]>
</script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/railscasts.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
    $(document).ready(function() {
        $('pre, code').each(function(i, block) {
            hljs.highlightBlock(block);
        });

        $('.post-author-contact').on('click', function() {
            if ($(this).parents('.post-body').css('flex-direction') == 'row') {
                $(this).children('.dropdown-box').css({
                    'left': 'auto',
                    'right': '0'
                });
            } else {
                $(this).children('.dropdown-box').css({
                    'left': '0',
                    'right': 'auto'
                });
            }
        });

      <!-- BEGIN switch_push_direct_send -->
      $('#push-answer').jqm({toTop: true});

      $('#push-bell').click(function(){
        return sendWebPush({TOPIC_ID});
      });

      function sendWebPush(tId){
        $.get("/ajax_push.php?topicID=" + tId ).done(showPushAnswer);
      }

      function showPushAnswer(data) {
        $('#push-answer').html(data).jqmShow();
        $('.jqmOverlay').bgiframe();
        $('#push-answer').bgiframe();
      }
      <!-- END switch_push_direct_send -->
    });
</script>
<!-- algantel.com -->
<style type='text/css'>
.post{
-webkit-user-select: none; /* Webkit */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10 */
-o-user-select: none;
user-select: none;
}
</style>
 <!-- تم التكويد بواسطة كونان2000 -->
  <!-- تصميم مقتبس من بعض منتديات الفي بي -->
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3693
السُمعة : 332

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف Mahmoud Gilany 27/9/2024, 12:40 am

لاء لساااا
Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف كونان2000 27/9/2024, 12:45 am

ركب القالب الصحيح https://help.ahlamontada.com/t1098921-topic#4989923
من ثم انا راح اعدل على كود الجافا ان شاء الله
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3693
السُمعة : 332

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف Mahmoud Gilany 27/9/2024, 12:47 am

بص انا رجعت القلب الحديث مرة أخرة
وفى الغالب الكود ده هو أفضل واحد ظاهر كلمة واحده فقط
الكود:
/***
            * Application: Tags Search
            * Description: This application can displays tags for searching.
            * Version: 1.09032014-jq1.9.1 - Thoth (Ermoْpoli -> Eshmunen)
            * Made and Optimizations by JScript - 2014/03/09
            * View more in: http://*censored*
            * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
            * This work is free. You can redistribute it and/or modify it
            * under the terms of the WTFPL, Version 2
            */
            jQuery(function () {
                /***
                * User Definition Variables
                ***/
                /* ضع هنا الحد من طول الوسم!!! */
                var iTagLength = 4;
                /* ضع هنا اسم علامه الاداة!!! */
                var sTagTitle = 'الكلمات الدليلة:';
                /* عند مرور الماوس تظهر كلمه الاتيه!!! */
                var sTagToolTip = 'البحث عن المزيد من هذه الكلمة';
                /* END */
                /***
                * System Defined Variables - Do not edit if you don't know!
                ***/
                var oConfig = {
                    sInfo:
                        '<!--' +
                        '* Application: Tags Search' +
                        '* Description: This application can displays tags for searching.' +
                        '* Version: 1.09032014-jq1.9.1 - Thoth (Ermoْpoli -> Eshmunen)' +
                        '* Made and Optimizations by JScript - 2014/03/09' +
                        '* View more in: http://*censored*/forum & http://ajuda.forumeiros.com' +
                        '* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>' +
                        '* This work is free. You can redistribute it and/or modify it' +
                        '* under the terms of the WTFPL, Version 2' +
                        '-->',
                    sContent:
                        '<span id="tags_search"><span>' + sTagTitle + ' </span></span>',
                    sCSS:
                        '<style>' +
                        '#tags_search {' +
                            'display: block;' +
                            'margin-bottom: 20px;' +
                            'margin-top: 20px;' +
                        '}' +
                        '.ipsTag {' +
                            'background: url("https://i.servimg.com/u/f55/18/17/62/92/tag_bg10.png") repeat scroll 0 0 rgba(0, 0, 0, 0);' +
                            'border-radius: 0 3px 3px 0;' +
                            'color: #FFFFFF !important;' +
                            'display: inline-block;' +
                            'font-size: 11px;' +
                            'height: 20px;' +
                            'line-height: 20px;' +
                            'margin: 5px 5px 0 0;' +
                            'padding: 0 7px 0 15px;' +
                            'text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);' +
                        '}' +
                        '</style>',
                    sTarget: ''
                };
   
                jQuery(oConfig.sCSS).insertBefore('body');
                /* Forum versions! */
                var phpBB2 = jQuery('.bodyline');
                var phpBB3 = jQuery('#wrap');
                var punbb = jQuery('#pun-intro');
   
                if (phpBB2.length) {
                    $('td.nav').parent().parent().parent().before(oConfig.sInfo + oConfig.sContent);
                    oConfig.sTarget = 'h1.cattitle:first';
                } else if(phpBB3.length) {
                    $('.topic-actions:first').before(oConfig.sInfo + oConfig.sContent);
                  oConfig.sTarget = '.page-header-title h1';
                } else if(punbb.length) {
                    $('#main-content .main.paged').before(oConfig.sInfo + oConfig.sContent);
                    oConfig.sTarget = 'p.crumbs strong:last';
                } else if(invision.length) {
                    $('#main-content .borderwrap:first').before(oConfig.sInfo + oConfig.sContent);
                    oConfig.sTarget = 'div.maintitle.floated h3';
                };
                var tags = jQuery(oConfig.sTarget).text().split(' ');
                jQuery.each(tags, function(index, data) {
                    if(data.length > iTagLength) {
                        $('#tags_search').append(
                            '<a id="tag_search_' + index + '" class="ipsTag" title="' + sTagToolTip + ' ' + data + '" href="/search?search_keywords=' + data + '">' +
                            '    <span>' + data + '</span>' +
                            '</a>'
                        );
                    }
                });
            });
المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Casfsa10
رابط مباشر للصورة
ده قبل ما أغير القالب اللى انت عدلت عليه الان
Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف Mahmoud Gilany 27/9/2024, 12:48 am

ده الوضع الحالى قبل تغير القالب
Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف Mahmoud Gilany 27/9/2024, 12:51 am

المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Captur26
قبل تغير القالب صورة اوضح
https://i.servimg.com/u/f79/20/23/03/03/captur26.png
Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف كونان2000 27/9/2024, 12:53 am

لحظة انا اخبرتك اني اخطات
انت ركب القالب هنا https://help.ahlamontada.com/t1098921-topic#4989923
بعدها انا راح اعدل على كود الجافا ليناسب الجديد

واذا لم ينجح رجع الاصلي
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3693
السُمعة : 332

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف Mahmoud Gilany 27/9/2024, 12:55 am

بعد تغير القلب هذا كل ما حدث فقط
المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Csadas10
Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف كونان2000 27/9/2024, 12:57 am

تم التعديل
الان انظر هنا https://bayut.yoo7.com/t576-topic
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3693
السُمعة : 332

https://anime.forumperso.com/

Mahmoud Gilany يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف Mahmoud Gilany 27/9/2024, 1:00 am

طيب بخصوص المشكلة دى
على نسخة الهاتف المحمول
توجد مشكله فى عرض مظهر الصور أخر المواضيع
فى أسفل المنتدى على نسخة الجوال

تكبير الصورة معاينة الأبعاد الأصلية.
المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال Screen11

رابط مباشر للصورة
https://i.servimg.com/u/f79/20/23/03/03/screen11.jpg
Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف كونان2000 27/9/2024, 1:06 am

تم التعديل clown
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3693
السُمعة : 332

https://anime.forumperso.com/

Mahmoud Gilany يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف Mahmoud Gilany 27/9/2024, 1:09 am

شكرا لك ولأهتمامك أخى الحبيب
يغلق إلى هنا ويرسل إلى القسم المختص
silent
Mahmoud Gilany
Mahmoud Gilany
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 5216
السُمعة : 2

https://bayut.yoo7.com/t38-topic

كونان2000 يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال

مُساهمة من طرف كونان2000 27/9/2024, 1:11 am

Mahmoud Gilany كتب:
شكرا لك ولأهتمامك أخى الحبيب
يغلق إلى هنا ويرسل إلى القسم المختص
silent

على الرحب والسعة اخي الحبيب

تم حل المشكلة & ينقل للأرشيف.
يرجى مراجعة : قوانين منتدى الدعم
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3693
السُمعة : 332

https://anime.forumperso.com/

Mahmoud Gilany يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى