شكل جديد لشكل المواضيع لنسخة AwesomeBB

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

شكل جديد لشكل المواضيع  لنسخة AwesomeBB Empty شكل جديد لشكل المواضيع لنسخة AwesomeBB

مُساهمة من طرف نوار2000 الأحد 18 أبريل 2021 - 0:14

السلام عليكم,
اخير تمت الموافقه من المدير لنشر التصميم هنا

هذا تصميم خاص لنسخة AwesomeBB
يجعل الصور تظهر مكان الرموز
وكذلك يجعل شكل  ازرار التقيم والاعجاب جميل
وكذلك يجعل شكل نافذة الرد السريع مثل نسخة  ModernBB

اضغط هنا لمشاهدة الصور قبل وبعد:

قبل
شكل جديد لشكل المواضيع  لنسخة AwesomeBB Ocia_a15

بعد
شكل جديد لشكل المواضيع  لنسخة AwesomeBB Oci5a_10


قبل
شكل جديد لشكل المواضيع  لنسخة AwesomeBB Ocia_a16

بعد
شكل جديد لشكل المواضيع  لنسخة AwesomeBB Ocia_010
الان طريقة التركيب
اول شي لا تنسى تفعل ازرار الاعجاب والتقيم
ثانيا اذهب الى لوحة الادارة > إدارة الصور >  لوحة إدارة كاملة > ازرار
كما في الصوه https://i.servimg.com/u/f81/18/83/80/78/ocia_a18.png
ثم ضع الصور التاليه في مكانها
شكل جديد لشكل المواضيع  لنسخة AwesomeBB I_post
شكل جديد لشكل المواضيع  لنسخة AwesomeBB I_reply
شكل جديد لشكل المواضيع  لنسخة AwesomeBB I_reply_locked

ثالث شي (اختياري)
حط الكود هذا
الكود:
 
في اعجبني و لم يعجبني
كما في الصوره https://i.servimg.com/u/f81/18/83/80/78/ocia_a20.png

رابعا الكود
اضغط هنا لمشاهدة الكود:

التومبلايتات و القوالب
إدارة عامة قالب 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>
<style>
  span.navr {
    float: left;
}
.sceditor-toolbar {
background-color: #f7f7f7!important;
    border-color: #f9f9f9!important;
    margin: 0!important;
    padding: 0 3px 3px!important;
    text-align: center;
    width: 100%;
}
.\39 9ottom {
    float: left;
}
.quick-reply-textarea-wrap .sceditor-container iframe, .quick-reply-textarea-wrap .sceditor-container textarea {
    background-color: #ffffff!important;
    border-top: 2px solid #EBEBEB!important;
    height: 200px!important;
}
.quick-reply-textarea-wrap .sceditor-button {
    border: 0px solid #CCC!important;
    margin: 0px!important;
  padding: 3px!important;
}
.quick-reply-textarea-wrap {
    padding: 0px;
}
.quick-reply-send {
    background: url(https://i.servimg.com/u/f71/17/12/81/11/logo-a10.png);
    background-size: 100% 100%;
    margin-bottom: 22px;
    position: relative;
    font-size: 21px;
    border-radius: 10px;
    display: inline;
    width: 7%;
    color: #f0ffff00;
}
.post-heading-wrap {
    margin: 0;
}
.post-header h2 img {
    margin: 0px;
    vertical-align: -4px;
}
.post-header {
padding: 12px;
    border-top: solid #c3c1c1 3px;
    background-color: #ffffff;
    border-radius: 0px;
    box-shadow: none;
}

.post-aside {
    margin: 0px 0px 0;
    margin-right: 2px;
    border-radius: 0px;
}
.post-date {
    color: rgb(0 0 0 / 70%);
}
.post {
    margin: 1px 1px 0;
    margin-left: 3px;
    border-radius: 0px;
}
.post-buttons .selected img {
    display: none;
}
.post-buttons .selected {
    margin-top: 11px;
    background-size: cover;
    background-image: url(https://i.servimg.com/u/f86/19/34/86/41/multi_11.png);
    padding: 3px 30px;
    background-color: #1E88E5!important;
}
.btn-default {
    float: left;
    margin: 2px 7px 13px;
}
form#quick_reply {
    text-align: center;
    border: solid 0px;
    background: #f0f0f0;
    box-shadow: none;
}
.post-buttons a:hover, .post-buttons span:hover {
    background-color: #26323800;
}
.post-buttons a, .post-buttons span {
    background-color: rgb(0 0 0 / 0%);
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    padding: 0px 2px;
}
  .vote .vote-down {
    padding: 3px 8px;
    background: #d120f1;
    color: #ffffff!important;
    margin-left: 18px;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
    font-size: 15px;
}
.vote .vote-up {
    padding: 3px 8px;
    background: #08c50e;
    color: #ffffff!important;
    margin-left: 18px;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
    font-size: 15px;
}
.vote {
    float: right;
    margin-top: 10px;
}

.rep-cat {
    background-color: #1e88e500;
    display: block;
    float: right;
    height: 15px;
    line-height: 15px;
    margin: 0px;
    padding: 0 6px;
}
.fa_like_div {
  padding: 3px;
}
.fa_like_div button {
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 3px;
  padding: 5px;
  display: inline-block;
  color: #FFF;
  font-size: 11px;
}
.rep-button:nth-child(1) {
  background: #39c;
}
.rep-button:nth-child(2), button.rep-button.fa_dislike, button.rep-button.fa_disliked {
  background: #f00;
}
.rep-cat i {
  font-size: 12px;
}
  .post-footer {
    border-right: 2px solid #2196f3;
    margin: auto -0px -0px;
}
.block {
    margin-top: 11px;
    margin-bottom: 22px;
}
</style>


<main id="topic">
    <div class="topic-header">
        <h1><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></h1>
        <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="navr">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>
        <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}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                    //]]>
                </script>
            </div>
            <!-- END switch_plus_menu -->

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

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

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

            {switch_plus_menu.JS_SOCIAL_BUTTONS}
            <!-- END switch_plus_menu -->
        </div>
    </div>

    {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="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>
                               
 <span class="post-heading-wrap">
 <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>


           
                                    <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">
                                <div class="post-content">
                                    {postrow.displayed.MESSAGE}

                                    {postrow.displayed.EDITED_MESSAGE}

                                    <!-- BEGIN switch_attachments -->
                                    <div class="attachbox">
                                        {postrow.displayed.switch_attachments.L_ATTACHMENTS}
                                        <dl class="attachments">
                                            <!-- BEGIN switch_post_attachments -->
                                            <dt>
                                                <!-- BEGIN switch_dl_att -->
                                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                                <!-- END switch_dl_att -->
                                                <!-- BEGIN switch_no_dl_att -->
                                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                                <!-- END switch_no_dl_att -->
                                            </dt>
                                            <dd>
                                                <!-- BEGIN switch_no_comment -->
                                                <p>
                                                    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}
 </p>
 <!-- END switch_no_comment -->
 <!-- BEGIN switch_no_dl_att -->
 <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
 <!-- END switch_no_dl_att -->
 <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
 </dd>
 <!-- END switch_post_attachments -->
 </dl>
 </div>
 <!-- END switch_attachments -->
 <!-- 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;">add_circle_outline</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>
                                <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="post-author-rpg">
                                    {postrow.displayed.POSTER_RPG}
                                </div>
                                <div class="post-author-contact dropdown">
                                    <i class="material-icons">keyboard_arrow_down</i>
                                    <div class="dropdown-box">
                                        {postrow.displayed.PROFILE_IMG}
                                        {postrow.displayed.PM_IMG}
                                        {postrow.displayed.EMAIL_IMG}
                                        <!-- BEGIN contact_field -->
                                        {postrow.displayed.contact_field.CONTENT}
                                        <!-- END contact_field -->
                                    </div>
                                </div>
                            </aside>
                        </div>
                    </div>
                    <!-- END displayed -->

                    <!-- BEGIN hidden -->
                </div>
            </div>
        </div>
    </div>
    <!-- END hidden -->
    <!-- END postrow -->
    <!-- BEGIN switch_forum_rules -->
    <div class="block" id="forum_rules">
        <div class="block-header">
            {L_FORUM_RULES}
        </div>
        <div class="block-content">
            <table class="postbody">
                <tr>
                    <!-- BEGIN switch_forum_rule_image -->
                    <td class="logo">
                        <img src="{RULE_IMG_URL}" alt="" />
                    </td>
                    <!-- END switch_forum_rule_image -->
                    <td class="rules content">
                        {RULE_MSG}
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- END switch_forum_rules -->

    {INLINE_MESSAGE}
  <!-- BEGIN topicpagination -->
    <div class="pagination">
        {PAGINATION}
    </div>
    <!-- END topicpagination -->
 
  <br />
  <!-- BEGIN switch_user_logged_in -->
{QUICK_REPLY_FORM}<br />
  <script>
//<![CDATA[
        (function() {
            $(function() {
                if ($.sceditor && !$('#quick_reply').length) {
                    $('#smiley-box,#smileyContainer').remove();
                    $.sceditor.command.set('scSmileys', {
                        dropDown: function(editor, caller) {
                            if ($('.sceditor-scSmileys').length) {
                                var smileysCont = $('.sceditor-scSmileys');
                                if (smileysCont.css('display') === 'none') {
                                    editor.closeDropDown();
                                    smileysCont.css('display', '');
                                    $('.sceditor-scSmileys').css({
                                        "margin-top": caller.outerHeight(),
                                        "top": caller.offset().top,
                                        "left": caller.offset().left
                                    });
                                } else {
                                    editor.closeDropDown();
                                    smileysCont.css('display', 'none');
                                }
                            } else {
                                var content = $('<iframe id="quickEmojInternal" class="row1" name="smilies" width="220" scrolling="auto" height="250" frameborder="0" allowtransparency="true" src="/smilies?mode=smilies_frame" style="border: none;visibility: hidden">').load(function() {
                                    $(this).css("visibility", "visible")
                                });
                                $('<div class="sceditor-dropdown sceditor-scSmileys" style="margin-top:' + caller.outerHeight() + 'px;top:' + caller.offset().top + 'px;left:' + caller.offset().left + 'px;">').append(content).appendTo($('body')).click(function(e) {
                                    e.stopPropagation()
                                })
                            }
                        },
                        exec: function(caller) {
                            $.sceditor.command.get('scSmileys').dropDown(this, caller)
                        },
                        txtExec: function(caller) {
                            $.sceditor.command.get('scSmileys').dropDown(this, caller)
                        },
                        tooltip: 'الأبتسامات'
                    });
                    toolbar = toolbar.substr(0, toolbar.lastIndexOf("|")) + "|scSmileys" + toolbar.substr(toolbar.lastIndexOf("|"));
                    $(function() {
                        $(function() {
                            $('body,.sceditor-button:not(.sceditor-button-scSmileys)').click(function() {
                                if ($('.sceditor-scSmileys').css('display') !== 'none') $('.sceditor-scSmileys').css('display', 'none')
                            })
                        })
                    });
                }
            })
        }()); //]]> 
</script>
 <link rel="stylesheet" href="https://illiweb.com/rs3/22/frm/SCEditor/src/themes/fa.rtl.default.min.css" type="text/css" media="all">
 <style type="text/css">
            .sceditor-button-flash div      { background-position: 0 -628px; }
            .sceditor-button-servimg div    { background-position: 0 -644px; }
            .sceditor-button-dailymotion div{ background-position: 0 -660px; }
            .sceditor-button-faspoiler div  { background-position: 0 -676px; }
            .sceditor-button-fahide div    { background-position: 0 -692px; }
            .sceditor-button-fascroll div  { background-position: 0 -708px; }
            .sceditor-button-faupdown div  { background-position: 0 -724px; }
            .sceditor-button-farand div    { background-position: 0 -756px; }
            .sceditor-button-faroll div    { background-position: 0 -772px; }
            .sceditor-button-more div      { background-position: 0 -788px; }
            .sceditor-button-emoticon div  { background-position: 0 -804px; }
            .sceditor-button-headers div    { background-position: 0 -820px; }
            .sceditor-button-twemojifa div { background: url("https://2img.net/i/fa/icon_twemoji.png") !important; }
            .sceditor-twemojifa{width:220px;height:250px;overflow-y:auto;}.sceditor-twemojifa img{cursor:pointer;padding:3px;}.sceditor-twemojifa img:hover{opacity:.7;}
            .sceditor-button-mention div    { background: url("https://2img.net/i//fa/icon_at.png") !important; }
            #sceditor-mention-div { max-height: 200px; overflow: auto; }
            .sceditor-mention-user { padding: 0 3px; border-radius: 3px; height: 25px; line-height: 25px; margin: 0 0 8px 0; background-color: #fbfbfb; border: 1px solid #f3f3f3; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
            .sceditor-mention-user img { height: 23px; margin: 0 4px; vertical-align: top; width: 23px; border-radius: 5px; background-color: #f5f5f5; border: 1px solid #ececec; overflow: hidden; object-fit:cover; }
            .sceditor-mention-user:hover { background:#3793ff22;color: #000;cursor:pointer; }
            .sceditor-button-giphy div      { background-image: url("https://2img.net/i//fa/icon_gif.png") }
            .quick-reply-textarea-wrap #quick-reply-avatar { right: 15px; top: 50px; z-index: 10; }
        </style>
 <script type="text/javascript" src="https://illiweb.com/rs3/22/frm/jquery/cookie/jquery.cookie.js"></script>
 <script type="text/javascript" src="https://illiweb.com/rs3/22/frm/SCEditor/src/jquery.sceditor.js"></script>
 <script type="text/javascript" src="https://illiweb.com/rs3/22/frm/SCEditor/src/plugins/bbcode.js"></script>
 <script type="text/javascript" src="https://illiweb.com/rs3/22/frm/SCEditor/src/sceditor-commands.js"></script>
 <script type="text/javascript" src="https://illiweb.com/rs3/22/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
 <script type="text/javascript" src="https://illiweb.com/rs3/22/frm/SCEditor/src/sceditor-custom-bbcode.js"></script>
 <script type="text/javascript" charset="UTF-8">
                (function ($) {
                    'use strict';
                   


                    $.sceditor.locale["ar"] = {
                        "Bold"                      : "خط عريض",
                        "Italic"                    : "خط مائل",
                        "Underline"                  : "خط في الأسفل",
                        "Strikethrough"              : "خط في المنتصف",

                        "Align left"                : "انحياز الى اليسار",
                        "Center"                    : "توسيط",
                        "Align right"                : "انحياز الى اليمين",
                        "Justify"                    : "ملأ السطر",

                        "Bullet list"                : "قائمة نُقطية",
                        "Numbered list"              : "قائمة رقمية",
                        "Insert a horizontal rule"  : "إدراج سطر أُفقي",

                        "Insert a Quote"            : "إدراج اقتباس",
                        "Code"                      : "إدراج أكواد برمجة",
                        "Spoiler"                    : "إخفاء الرد",
                        "Hidden"                    : "إخفاء مُقترن بالمساهمات",
                        "Insert a table"            : "إدراج جدول",

                        "Host an image"              : "رفع الصور",
                        "Insert an image"            : "إدراج صورة",
                        "Insert a GIF"              : "اختر ملف GIF",
                        "Insert an email"            : "إضافة بريد الكتروني",
                        "Insert a link"              : "إدراج رابط",
                        "Unlink"                    : "حذف الوصلة",
                        "Insert a YouTube video"    : "إدراج رابط فيديو من موقع Youtube",
                        "Insert a Dailymotion Video" : "إدخال رابط فيديو من موقع Dailymotion",
                        "Flash"                      : "إدراج رابط ملف فلاشي",

                        "Format Headers"            : "تنسيق العناوين",
                        "Font Size"                  : "حجم خط الكتابة",
                        "Font Color"                : "لون خط الكتابة",
                        "Font Name"                  : "نوع خط الكتابة",
                        "Remove Formatting"          : "إزالة تنسيق النص",
                       
                        "Mention a user"            : "وسم عضو",

                        "Subscript"                  : "حرف دليلي تحت السطر",
                        "Superscript"                : "حرف دليلي فوق السطر",

                        "Horizontal scrolling"      : "استعراض افقي",
                        "Vertical scrolling"        : "استعراض عمودي",
                        "Random"                    : "عشوائي",
                        "Dices roll"                : "رمي النرد (لعب الأدوار)",

                        "Insert an emoticon"        : "الوجوه الضاحكة",
                        "Insert current date"        : "تاريخ اليوم",
                        "Insert current time"        : "التوقيت الحالي",
                        "Paste Text"                : "إدراج نص بدون تنسيقه الأصلي",
                        "Switch Editor Mode"        : "تغيير نمط نافذة الإرسال",

                        "color_dark_red"    : "احمر قاتم",
                        "color_red"        : "احمر",
                        "color_orange"      : "برتقالي",
                        "color_brown"      : "بني",
                        "color_yellow"      : "اصفر",
                        "color_green"      : "اخضر",
                        "color_olive"      : "زيتوني",
                        "color_cyan"        : "ازرق سماوي",
                        "color_blue"        : "ازرق",
                        "color_dark_blue"  : "ازرق قاتم",
                        "color_indigo"      : "نيلي",
                        "color_violet"      : "بنفسجي",
                        "color_grey"        : "رمادي",
                        "color_white"      : "ابيض",
                        "color_black"      : "اسود",

                        "More"                      : "إظهار / إخفاء المزيد من الأزرار",
                        "Search"                                    : "بحـث",
                        "Insert"                                    : "إدراج",
                        "URL:"                                      : "رابط",
                        "Invalid YouTube video"                    : "يوجد هناك خطئ في الفيديو",
                        "Author (optional)"                        : "الكاتب (حقل غير إجباري)",
                        "Title (optional)"                          : "العنوان (حقل غير إجباري)",
                        "Cols:"                                    : "أعمدة",
                        "Rows:"                                    : "خطوط",
                        "Width (optional):"                        : "عرض (حقل اختياري)",
                        "Height (optional):"                        : "ارتفاع (حقل اختياري)",
                        "Description (optional):"                  : "وصف (حقل اختياري)",
                        "Paste your text inside the following box:" : "قم بلصق النص المنسوخ أسفله لحذف تنسيقه الأصلي",
                        "Border"                                    : "إطار",

                        "dateFormat": "month.day.year"
                    };
                })(jQuery);
</script>
 <script type="text/javascript">

            var plugins = '';
            var palette = 1;
            var illiweb = 'https://illiweb.com/';
            var locale = 'ar';
            var height = '450';
            var plugin = 'bbcode';
            var 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,twemojifa,date,time,pastetext,source';
            var cssFile = 'https://illiweb.com/rs3/22/frm/SCEditor/minified/jquery.sceditor.default.min.css';
            var isRtl = 1;
            var dice = new Array();
            var bSourceMode = true;
            var quick_reply = '';
        </script>
 <script type="text/javascript" src="https://illiweb.com/rs3/22/frm/SCEditor/src/instance-sceditor.js"></script>
  <script type="text/javascript">
$(window).load(function() {
$(".vote").each(function() {
        $(this).find("a.vote-up").html('جيد');
  $(this).find("a.vote-down").html('سيئ');

    });
});
</script>
<script type="text/javascript">
$(window).load(function() {
$(".post-buttons").each(function() {
        $(this).find(".btn-thank a").html('<img src="https://i.servimg.com/u/f86/19/34/86/41/thank10.png" />');
        $(this).find(".btn-quote-multi span").html('<img src="https://i.servimg.com/u/f86/19/34/86/41/multi_10.png" />');
        $(this).find(".btn-quote a").html('<img src="https://2img.net/s/t/21/71/64/i_icon_quote.png" />');
        $(this).find(".btn-edit a").html('<img src="https://2img.net/s/t/21/71/64/i_icon_edit.png" />');
        $(this).find(".btn-delete a").html('<img src="https://2img.net/s/t/21/71/64/i_icon_delete.png" />');
        $(this).find(".btn-ip a").html('<img src="https://2img.net/s/t/21/71/64/i_icon_ip.png" />');
        $(this).find(".btn-report a").html('<img src="https://2img.net/s/t/21/71/64/i_icon_report.png" />');
        $(this).find(".btn-report-lock a").html('<img src="https://2img.net/s/t/21/71/64/i_icon_report_locked.png" />');
        $(this).find("li a[href*='/report?mode=unlock']").parent().attr('class','btn-report-unlock');
        $(this).find(".btn-report-unlock a").html('<img src="https://2img.net/s/t/21/71/64/i_icon_unlock_report.png" />');
    });
});
</script>
<!-- END switch_user_logged_in -->
 <!-- BEGIN show_permissions -->
    <div class="block">
        <div class="block-header">
            {L_TABS_PERMISSIONS}
        </div>
        <div class="block-content">
            {S_AUTH_LIST}
        </div>
    </div>
    <!-- END show_permissions -->
  <td align="right" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>
 
    <div class="99ottom">
    <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>

 

    <form class="jumpbox" action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
        <label>
            <span>{L_JUMP_TO}:</span>
            <div class="jumpbox-wrap">
                {S_JUMPBOX_SELECT}
                <input type="submit" value="{L_GO}" />
            </div>
        </label>
    </form>

    <!-- 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 -->
 </div>
 

 
</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'
                });
            }
        });
    });
</script>


نوار2000
نوار2000

شكل جديد لشكل المواضيع  لنسخة AwesomeBB 01010

أخرى / أرفض التصريح
عدد المساهمات : 40
معدل النشاط : 91
السُمعة : 5

https://i.servimg.com/u/f71/17/12/81/11/ocia_a10.png

keko_ferkeko, ابوعلي2007, MostWanted و دمي كتب همي يعجبهم هذا الموضوع

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

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


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