Mahmoud Gilany
عدد المساهمات : 163 معدل النشاط : 5188 السُمعة : 2
| موضوع: المطلوب حل مشكله نسخة مظهر نسخة الجوال و كود الكلمات الدلالية الأربعاء 25 سبتمبر 2024 - 20:45 | |
| السلام عليكم ورحمه الله وبركاته تحية طيبة أما بعد أخى الحيب كونان بعد أزنك يوجد بعض التعديلات البسيطة على نسخة الهاتف المحمول لتنسيق مظهر المنتدى بالشكل المطلوب أول شئ بدى أظهار جوائز الأعضاء على نسخة الهاتف بهذا الشكل رابط مباشر للصورة ثانيا يوجد مشكله أخرى فى مظهر صور المواضيع فى أسفل المنتدى على نسخة الجوال رابط مباشر للصورة ثالثا حل مشكله الكلمات الدلالية مش بتظهر بردوا برغم ان انا مركب كود الجافا صح أكواد 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 --> <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}&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 احلى نائب
عدد المساهمات : 1755 معدل النشاط : 3634 السُمعة : 320
| موضوع: رد: المطلوب حل مشكله نسخة مظهر نسخة الجوال و كود الكلمات الدلالية الخميس 26 سبتمبر 2024 - 6:48 | |
| وعليكم السلام ورحمة الله وبركاته اهلا اخي @Mahmoud Gilany بالنسبه للجوائز ربما هذا يختلف حسب الجهاز لكن جرب التالي بالـcss - الكود:
-
.dd_award.left.box-body { max-height: none !important; display: flex; justify-content: center; flex-wrap: wrap; } اما الطلبات الاخرى في موضوع منفصل حتى لا يحصل ارتباك | Digit@l و Mahmoud Gilany يعجبهم هذا الموضوع |
|
Mahmoud Gilany
عدد المساهمات : 163 معدل النشاط : 5188 السُمعة : 2
| موضوع: رد: المطلوب حل مشكله نسخة مظهر نسخة الجوال و كود الكلمات الدلالية الجمعة 27 سبتمبر 2024 - 23:49 | |
| - كونان2000 كتب:
- وعليكم السلام ورحمة الله وبركاته
اهلا اخي @Mahmoud Gilany بالنسبه للجوائز ربما هذا يختلف حسب الجهاز
لكن جرب التالي بالـcss - الكود:
-
.dd_award.left.box-body { max-height: none !important; display: flex; justify-content: center; flex-wrap: wrap; } اما الطلبات الاخرى في موضوع منفصل حتى لا يحصل ارتباك شكرا لك تم حل المشكلة | |
|
كونان2000 احلى نائب
عدد المساهمات : 1755 معدل النشاط : 3634 السُمعة : 320
| موضوع: رد: المطلوب حل مشكله نسخة مظهر نسخة الجوال و كود الكلمات الدلالية السبت 28 سبتمبر 2024 - 16:48 | |
| العفو اخي | تم حل المشكلة & ينقل للأرشيف. |
| |
|