إبراهيم الجزائري كتب:وضعت الكود لكنه غير مطابق للصور الموجودة في الموضوع، وعندي مشكل آخر وهو وجود روابط الرسائل الخاصة والموقع ووسائل التواصل الاجتماعي خارج الصندوق فهل من تعديل على القوالب.

الكود:

.post-author-details dd {
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom-left-radius: 10px;
    border-color: #0CC766;
    border-left: 2px solid #0CC766;
    border-right: 4px solid #0CC766;
    border-style: solid;
    border-top-right-radius: 10px;
    border-width: 1px 6px 1px 1px;
    color: #2E5961;
    font: 20px serif;
    margin: 5px 0;
    padding: 3px 5px;
    text-align: center;
}

الكود:

.post-author-details span, .post-author-details dt {
    margin-left: 0 !important;
    font-size: 15px;
    vertical-align: middle;
}

إبراهيم الجزائري كتب:لا يعمل

الكود:

.post-author-details span, .post-author-details dt {
    margin-left: 0 !important;
    font-size: 15px;
    vertical-align: middle;
}

كونان2000 كتب:

إبراهيم الجزائري كتب:لا يعمل

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

احذف الكود الي طلبت منك تحذفه ثم ركب الكود التالي

الكود:

.post-author-details span, .post-author-details dt {
    margin-left: 0 !important;
    font-size: 15px;
    vertical-align: middle;
}

المشكلة عندى أن حجم إيطار البيانات الشخصية يمتد على طول الموضوع، وحامل الروابط خارج الإيطار.

الكود:

.post-author-details dd {
    font: 15px serif !important;
    text-align: right !important;
    font-weight: bold !important;
}

div.post-body > aside > dl > dt:nth-child(1) > span > span {
    vertical-align: -9px;
}

كونان2000 كتب:اهلا
لا تظهر لي مشكله في منتداك
صوره من منتداك الجميل

هو كذلك لكن في باقي النسخ مثل منتداك طول الإيطار لا يمتد مع طول الموضوع وحامل الروابط داخل الإيطار، قد يتوفر حل في وقت ما لا أريد ان أزعجك وفقك الله في محامك لخدمة منتدى الدعم العربي.

الكود:

.post-aside {
    height: fit-content;
}

إبراهيم الجزائري كتب:يعمل لكن بقي حامل الروابط خارج الإيطار، جزاك الله خيرا.

الكود:

<!-- 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="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_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 -->
        {POSTERS_LIST}
        <div id="breadcrumbs" class="breadcrumbs-topic">
            <a href="{U_INDEX}"><i class="material-icons">home</i> <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}&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="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}
<div class="post-COUNT">
 <script>document.write('<style type="text/css">.post-COUNT { text-align: center; border: solid #DDEBCA 2px; margin: 10px; padding: 5px; border-radius: 10px; background: #F3F7ED;}.qonan2000 { position: relative; display: inline-block;} .qonan2000-content { display: none; position: absolute; background-color: #f9f9f9; width: 140px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 999999;} .close-btn-h1 { position: absolute; right: 0; top: 10px; cursor: pointer; line-height: 0; font-size: 30px;  font-weight: bold; color: red;} button.qonan2000-btn-h1 { border: solid #00000040 2px; margin-right: 18px; padding: 5px;}.conan20000-post,.konan2000-content,.konann2000-content, .conan2000-post{ cursor: pointer; padding: 7px;} .conan20000,.konan2000,.konann2000,.conan2000 { border: solid 1px #0000006b; background: white; margin: 4px; display: inline-block;} div#konan2000-Default,div#konann2000-Default,div#conan2000-Default,div#conan20000-Default { cursor: pointer; background: #0000; border: solid 1px #0000004a; width: 100%; margin: 0;} .conan2000:hover, .conan20000:hover,.konan2000:hover,.konan2000:hover { background: #0000003d !important;} blockquote,blockquote font, .quote_content font,dl.codebox {color: initial;} </style>');</script>
 
<!-- لون المساهمات -->                 
<div class="qonan2000">             
<button class="qonan2000-btn-h1">لون المساهمات</button><div class="qonan2000-content"><span class="close-btn-h1">×</span><div class="konan2000-content-color">
    <div class="ko0nan2000" style="background: #2a013a;color: #ffffff;width: 100%;margin-bottom: 18px;">النص</div>         
    <div class="konan2000" data-color="#F44336"><div class="konan2000-content" style="background:#F44336"></div></div>
    <div class="konan2000" data-color="#FF9800"><div class="konan2000-content" style="background:#FF9800"></div></div>
    <div class="konan2000" data-color="#FFEB3B"><div class="konan2000-content" style="background:#FFEB3B"></div></div>
    <div class="konan2000" data-color="#4CAF50"><div class="konan2000-content" style="background:#4CAF50"></div></div><br />
    <div class="konan2000" data-color="#00BCD4"><div class="konan2000-content" style="background:#00BCD4"></div></div>
    <div class="konan2000" data-color="#2196F3"><div class="konan2000-content" style="background:#2196F3"></div></div>
    <div class="konan2000" data-color="#9C27B0"><div class="konan2000-content" style="background:#9C27B0"></div></div>
    <div class="konan2000" data-color="#E91E63"><div class="konan2000-content" style="background:#E91E63"></div></div><br />
    <div class="konan2000" data-color="#FFFFFF"><div class="konan2000-content" style="background:#FFFFFF"></div></div>
    <div class="konan2000" data-color="#9E9E9E"><div class="konan2000-content" style="background:#9E9E9E"></div></div>
    <div class="konan2000" data-color="#000000"><div class="konan2000-content" style="background:#000000"></div></div>
    <div class="konan2000" data-color="#5D4037"><div class="konan2000-content" style="background:#5D4037"></div></div><br />
    <div class="konan2000" data-color="#0000" style="background: #0000;border: solid 2px #0000;cursor: pointer;">لون شفاف</div><br />
    <div class="konan2000" id="konan2000-Default">الألوان الافتراضية</div>
</div></div></div>         
 
<!-- خلفية المساهمات -->               
<div class="qonan2000">
<button class="qonan2000-btn-h1">خلفية المساهمات</button><div class="qonan2000-content"><span class="close-btn-h1">×</span><div class="conan2000-post-color">
    <div class="ko0nan2000" style="background: #003e5c;color: #ffffff;width: 100%;margin-bottom: 18px;">الخلفية</div>       
    <div class="conan2000" data-color="#F44336"><div class="conan2000-post" style="background:#F44336"></div></div>
    <div class="conan2000" data-color="#FF9800"><div class="conan2000-post" style="background:#FF9800"></div></div>
    <div class="conan2000" data-color="#FFEB3B"><div class="conan2000-post" style="background:#FFEB3B"></div></div>
    <div class="conan2000" data-color="#4CAF50"><div class="conan2000-post" style="background:#4CAF50"></div></div><br />
    <div class="conan2000" data-color="#00BCD4"><div class="conan2000-post" style="background:#00BCD4"></div></div>
    <div class="conan2000" data-color="#2196F3"><div class="conan2000-post" style="background:#2196F3"></div></div>
    <div class="conan2000" data-color="#9C27B0"><div class="conan2000-post" style="background:#9C27B0"></div></div>
    <div class="conan2000" data-color="#E91E63"><div class="conan2000-post" style="background:#E91E63"></div></div><br />
    <div class="conan2000" data-color="#FFFFFF"><div class="conan2000-post" style="background:#FFFFFF"></div></div>
    <div class="conan2000" data-color="#9E9E9E"><div class="conan2000-post" style="background:#9E9E9E"></div></div>
    <div class="conan2000" data-color="#000000"><div class="conan2000-post" style="background:#000000"></div></div>
    <div class="conan2000" data-color="#5D4037"><div class="conan2000-post" style="background:#5D4037"></div></div><br />
    <div class="conan2000" data-color="#0000" style="background: #0000;border: solid 2px #0000;cursor: pointer;">لون شفاف</div><br />
    <div class="conan2000" id="conan2000-Default">الألوان الافتراضية</div>
</div></div></div>
                 
<!-- لون النص الاكواد-الاقتباس -->               
<div class="qonan2000">             
<button class="qonan2000-btn-h1">لون النص الاكواد-الاقتباس</button><div class="qonan2000-content"><span class="close-btn-h1">×</span><div class="konann2000-content-color">
    <div class="ko0nann2000" style="background: #2a013a;color: #ffffff;width: 100%;margin-bottom: 18px;">النص</div>         
    <div class="konann2000" data-color="#F44336"><div class="konann2000-content" style="background:#F44336"></div></div>
    <div class="konann2000" data-color="#FF9800"><div class="konann2000-content" style="background:#FF9800"></div></div>
    <div class="konann2000" data-color="#FFEB3B"><div class="konann2000-content" style="background:#FFEB3B"></div></div>
    <div class="konann2000" data-color="#4CAF50"><div class="konann2000-content" style="background:#4CAF50"></div></div><br />
    <div class="konann2000" data-color="#00BCD4"><div class="konann2000-content" style="background:#00BCD4"></div></div>
    <div class="konann2000" data-color="#2196F3"><div class="konann2000-content" style="background:#2196F3"></div></div>
    <div class="konann2000" data-color="#9C27B0"><div class="konann2000-content" style="background:#9C27B0"></div></div>
    <div class="konann2000" data-color="#E91E63"><div class="konann2000-content" style="background:#E91E63"></div></div><br />
    <div class="konann2000" data-color="#FFFFFF"><div class="konann2000-content" style="background:#FFFFFF"></div></div>
    <div class="konann2000" data-color="#9E9E9E"><div class="konann2000-content" style="background:#9E9E9E"></div></div>
    <div class="konann2000" data-color="#000000"><div class="konann2000-content" style="background:#000000"></div></div>
    <div class="konann2000" data-color="#5D4037"><div class="konann2000-content" style="background:#5D4037"></div></div><br />
    <div class="konann2000" data-color="#0000" style="background: #0000;border: solid 2px #0000;cursor: pointer;">لون شفاف</div><br />
    <div class="konann2000" id="konann2000-Default">الألوان الافتراضية</div>
</div></div></div>
                 
<!-- خلفية الاكواد-الاقتباس -->               
<div class="qonan2000">
<button class="qonan2000-btn-h1">خلفية الاكواد-الاقتباس</button><div class="qonan2000-content"><span class="close-btn-h1">×</span><div class="conan20000-post-color">
    <div class="ko0nan2000" style="background: #003e5c;color: #ffffff;width: 100%;margin-bottom: 18px;">الخلفية</div>       
    <div class="conan20000" data-color="#F44336"><div class="conan20000-post" style="background:#F44336"></div></div>
    <div class="conan20000" data-color="#FF9800"><div class="conan20000-post" style="background:#FF9800"></div></div>
    <div class="conan20000" data-color="#FFEB3B"><div class="conan20000-post" style="background:#FFEB3B"></div></div>
    <div class="conan20000" data-color="#4CAF50"><div class="conan20000-post" style="background:#4CAF50"></div></div><br />
    <div class="conan20000" data-color="#00BCD4"><div class="conan20000-post" style="background:#00BCD4"></div></div>
    <div class="conan20000" data-color="#2196F3"><div class="conan20000-post" style="background:#2196F3"></div></div>
    <div class="conan20000" data-color="#9C27B0"><div class="conan20000-post" style="background:#9C27B0"></div></div>
    <div class="conan20000" data-color="#E91E63"><div class="conan20000-post" style="background:#E91E63"></div></div><br />
    <div class="conan20000" data-color="#FFFFFF"><div class="conan20000-post" style="background:#FFFFFF"></div></div>
    <div class="conan20000" data-color="#9E9E9E"><div class="conan20000-post" style="background:#9E9E9E"></div></div>
    <div class="conan20000" data-color="#000000"><div class="conan20000-post" style="background:#000000"></div></div>
    <div class="conan20000" data-color="#5D4037"><div class="conan20000-post" style="background:#5D4037"></div></div><br />
    <div class="conan20000" data-color="#0000" style="background: #0000;border: solid 2px #0000;cursor: pointer;">لون شفاف</div><br />
    <div class="conan20000" id="conan20000-Default">الألوان الافتراضية</div>
</div></div></div>                 
</div>

    <!-- 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="post-wrap {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
                        <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 class="post-body">
                            <div class="post" {postrow.displayed.THANK_BGCOLOR}>
                                <div class="post-content">
                                    {postrow.displayed.MESSAGE}

                                    {postrow.displayed.EDITED_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 -->

                                        <!-- 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="post-author-status"></div>
                        <div class="post-author">
                     <span class="post-author-name">
                        {postrow.displayed.POSTER_NAME}
                     </span>
                                    <span class="post-author-title">
                        {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                     </span>
                                </div>

                        <div class="post-author-avatar">
                                    <div class="avatar-big">
                                        {postrow.displayed.POSTER_AVATAR}
                                    </div>
                                </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>
                                <dl class="post-author-details">
                                    <!-- BEGIN profile_field -->
                                    <dt>{postrow.displayed.profile_field.LABEL}</dt>
                                    <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                                    <!-- END profile_field -->
                                </dl>
                                                                 
                                    <div class="postprofile-contactt"><span style="font-size:18px;">رقم العضوية</span> : {postrow.displayed.POSTER_ID}</div>
                                    {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 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">
        <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 -->

    {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">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>

الكود:

<!-- 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="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_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 -->
        {POSTERS_LIST}
        <div id="breadcrumbs" class="breadcrumbs-topic">
            <a href="{U_INDEX}"><i class="material-icons">home</i> <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}&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="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}
<div class="post-COUNT">
 <script>document.write('<style type="text/css">.post-COUNT { text-align: center; border: solid #DDEBCA 2px; margin: 10px; padding: 5px; border-radius: 10px; background: #F3F7ED;}.qonan2000 { position: relative; display: inline-block;} .qonan2000-content { display: none; position: absolute; background-color: #f9f9f9; width: 140px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 999999;} .close-btn-h1 { position: absolute; right: 0; top: 10px; cursor: pointer; line-height: 0; font-size: 30px;  font-weight: bold; color: red;} button.qonan2000-btn-h1 { border: solid #00000040 2px; margin-right: 18px; padding: 5px;}.conan20000-post,.konan2000-content,.konann2000-content, .conan2000-post{ cursor: pointer; padding: 7px;} .conan20000,.konan2000,.konann2000,.conan2000 { border: solid 1px #0000006b; background: white; margin: 4px; display: inline-block;} div#konan2000-Default,div#konann2000-Default,div#conan2000-Default,div#conan20000-Default { cursor: pointer; background: #0000; border: solid 1px #0000004a; width: 100%; margin: 0;} .conan2000:hover, .conan20000:hover,.konan2000:hover,.konan2000:hover { background: #0000003d !important;} blockquote,blockquote font, .quote_content font,dl.codebox {color: initial;} </style>');</script>
 
<!-- لون المساهمات -->               
<div class="qonan2000">           
<button class="qonan2000-btn-h1">لون المساهمات</button><div class="qonan2000-content"><span class="close-btn-h1">×</span><div class="konan2000-content-color">
    <div class="ko0nan2000" style="background: #2a013a;color: #ffffff;width: 100%;margin-bottom: 18px;">النص</div>       
    <div class="konan2000" data-color="#F44336"><div class="konan2000-content" style="background:#F44336"></div></div>
    <div class="konan2000" data-color="#FF9800"><div class="konan2000-content" style="background:#FF9800"></div></div>
    <div class="konan2000" data-color="#FFEB3B"><div class="konan2000-content" style="background:#FFEB3B"></div></div>
    <div class="konan2000" data-color="#4CAF50"><div class="konan2000-content" style="background:#4CAF50"></div></div><br />
    <div class="konan2000" data-color="#00BCD4"><div class="konan2000-content" style="background:#00BCD4"></div></div>
    <div class="konan2000" data-color="#2196F3"><div class="konan2000-content" style="background:#2196F3"></div></div>
    <div class="konan2000" data-color="#9C27B0"><div class="konan2000-content" style="background:#9C27B0"></div></div>
    <div class="konan2000" data-color="#E91E63"><div class="konan2000-content" style="background:#E91E63"></div></div><br />
    <div class="konan2000" data-color="#FFFFFF"><div class="konan2000-content" style="background:#FFFFFF"></div></div>
    <div class="konan2000" data-color="#9E9E9E"><div class="konan2000-content" style="background:#9E9E9E"></div></div>
    <div class="konan2000" data-color="#000000"><div class="konan2000-content" style="background:#000000"></div></div>
    <div class="konan2000" data-color="#5D4037"><div class="konan2000-content" style="background:#5D4037"></div></div><br />
    <div class="konan2000" data-color="#0000" style="background: #0000;border: solid 2px #0000;cursor: pointer;">لون شفاف</div><br />
    <div class="konan2000" id="konan2000-Default">الألوان الافتراضية</div>
</div></div></div>       
 
<!-- خلفية المساهمات -->             
<div class="qonan2000">
<button class="qonan2000-btn-h1">خلفية المساهمات</button><div class="qonan2000-content"><span class="close-btn-h1">×</span><div class="conan2000-post-color">
    <div class="ko0nan2000" style="background: #003e5c;color: #ffffff;width: 100%;margin-bottom: 18px;">الخلفية</div>     
    <div class="conan2000" data-color="#F44336"><div class="conan2000-post" style="background:#F44336"></div></div>
    <div class="conan2000" data-color="#FF9800"><div class="conan2000-post" style="background:#FF9800"></div></div>
    <div class="conan2000" data-color="#FFEB3B"><div class="conan2000-post" style="background:#FFEB3B"></div></div>
    <div class="conan2000" data-color="#4CAF50"><div class="conan2000-post" style="background:#4CAF50"></div></div><br />
    <div class="conan2000" data-color="#00BCD4"><div class="conan2000-post" style="background:#00BCD4"></div></div>
    <div class="conan2000" data-color="#2196F3"><div class="conan2000-post" style="background:#2196F3"></div></div>
    <div class="conan2000" data-color="#9C27B0"><div class="conan2000-post" style="background:#9C27B0"></div></div>
    <div class="conan2000" data-color="#E91E63"><div class="conan2000-post" style="background:#E91E63"></div></div><br />
    <div class="conan2000" data-color="#FFFFFF"><div class="conan2000-post" style="background:#FFFFFF"></div></div>
    <div class="conan2000" data-color="#9E9E9E"><div class="conan2000-post" style="background:#9E9E9E"></div></div>
    <div class="conan2000" data-color="#000000"><div class="conan2000-post" style="background:#000000"></div></div>
    <div class="conan2000" data-color="#5D4037"><div class="conan2000-post" style="background:#5D4037"></div></div><br />
    <div class="conan2000" data-color="#0000" style="background: #0000;border: solid 2px #0000;cursor: pointer;">لون شفاف</div><br />
    <div class="conan2000" id="conan2000-Default">الألوان الافتراضية</div>
</div></div></div>
               
<!-- لون النص الاكواد-الاقتباس -->             
<div class="qonan2000">           
<button class="qonan2000-btn-h1">لون النص الاكواد-الاقتباس</button><div class="qonan2000-content"><span class="close-btn-h1">×</span><div class="konann2000-content-color">
    <div class="ko0nann2000" style="background: #2a013a;color: #ffffff;width: 100%;margin-bottom: 18px;">النص</div>       
    <div class="konann2000" data-color="#F44336"><div class="konann2000-content" style="background:#F44336"></div></div>
    <div class="konann2000" data-color="#FF9800"><div class="konann2000-content" style="background:#FF9800"></div></div>
    <div class="konann2000" data-color="#FFEB3B"><div class="konann2000-content" style="background:#FFEB3B"></div></div>
    <div class="konann2000" data-color="#4CAF50"><div class="konann2000-content" style="background:#4CAF50"></div></div><br />
    <div class="konann2000" data-color="#00BCD4"><div class="konann2000-content" style="background:#00BCD4"></div></div>
    <div class="konann2000" data-color="#2196F3"><div class="konann2000-content" style="background:#2196F3"></div></div>
    <div class="konann2000" data-color="#9C27B0"><div class="konann2000-content" style="background:#9C27B0"></div></div>
    <div class="konann2000" data-color="#E91E63"><div class="konann2000-content" style="background:#E91E63"></div></div><br />
    <div class="konann2000" data-color="#FFFFFF"><div class="konann2000-content" style="background:#FFFFFF"></div></div>
    <div class="konann2000" data-color="#9E9E9E"><div class="konann2000-content" style="background:#9E9E9E"></div></div>
    <div class="konann2000" data-color="#000000"><div class="konann2000-content" style="background:#000000"></div></div>
    <div class="konann2000" data-color="#5D4037"><div class="konann2000-content" style="background:#5D4037"></div></div><br />
    <div class="konann2000" data-color="#0000" style="background: #0000;border: solid 2px #0000;cursor: pointer;">لون شفاف</div><br />
    <div class="konann2000" id="konann2000-Default">الألوان الافتراضية</div>
</div></div></div>
               
<!-- خلفية الاكواد-الاقتباس -->             
<div class="qonan2000">
<button class="qonan2000-btn-h1">خلفية الاكواد-الاقتباس</button><div class="qonan2000-content"><span class="close-btn-h1">×</span><div class="conan20000-post-color">
    <div class="ko0nan2000" style="background: #003e5c;color: #ffffff;width: 100%;margin-bottom: 18px;">الخلفية</div>     
    <div class="conan20000" data-color="#F44336"><div class="conan20000-post" style="background:#F44336"></div></div>
    <div class="conan20000" data-color="#FF9800"><div class="conan20000-post" style="background:#FF9800"></div></div>
    <div class="conan20000" data-color="#FFEB3B"><div class="conan20000-post" style="background:#FFEB3B"></div></div>
    <div class="conan20000" data-color="#4CAF50"><div class="conan20000-post" style="background:#4CAF50"></div></div><br />
    <div class="conan20000" data-color="#00BCD4"><div class="conan20000-post" style="background:#00BCD4"></div></div>
    <div class="conan20000" data-color="#2196F3"><div class="conan20000-post" style="background:#2196F3"></div></div>
    <div class="conan20000" data-color="#9C27B0"><div class="conan20000-post" style="background:#9C27B0"></div></div>
    <div class="conan20000" data-color="#E91E63"><div class="conan20000-post" style="background:#E91E63"></div></div><br />
    <div class="conan20000" data-color="#FFFFFF"><div class="conan20000-post" style="background:#FFFFFF"></div></div>
    <div class="conan20000" data-color="#9E9E9E"><div class="conan20000-post" style="background:#9E9E9E"></div></div>
    <div class="conan20000" data-color="#000000"><div class="conan20000-post" style="background:#000000"></div></div>
    <div class="conan20000" data-color="#5D4037"><div class="conan20000-post" style="background:#5D4037"></div></div><br />
    <div class="conan20000" data-color="#0000" style="background: #0000;border: solid 2px #0000;cursor: pointer;">لون شفاف</div><br />
    <div class="conan20000" id="conan20000-Default">الألوان الافتراضية</div>
</div></div></div>               
</div>

    <!-- 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="post-wrap {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
                        <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 class="post-body">
                            <div class="post" {postrow.displayed.THANK_BGCOLOR}>
                                <div class="post-content">
                                    {postrow.displayed.MESSAGE}

                                    {postrow.displayed.EDITED_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 -->

                                        <!-- 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="post-author-status"></div>
                        <div class="post-author">
                    <span class="post-author-name">
                        {postrow.displayed.POSTER_NAME}
                    </span>
                                    <span class="post-author-title">
                        {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                    </span>
                                </div>

                        <div class="post-author-avatar">
                                    <div class="avatar-big">
                                        {postrow.displayed.POSTER_AVATAR}
                                    </div>
                                </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>
                                <dl class="post-author-details">
                                    <!-- BEGIN profile_field -->
                                    <dt>{postrow.displayed.profile_field.LABEL}</dt>
                                    <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                                    <!-- END profile_field -->
                                </dl>
                          <div class="postprofile-contactt"><span style="font-size:18px;">رقم العضوية</span> : {postrow.displayed.POSTER_ID}</div>
                                <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 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">
        <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 -->

    {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">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>

إبراهيم الجزائري كتب:من نعمة الله علينا وجود مثلك في منتدى الدعم العربي، بارك الله فيك، بدأ هذا العلم الخوارزمي وطوره غيرنا لكن لا مانع من أن نتفوق فيه، شكرا مجددا.