ستايل منتدى ملموم وجميل مناسب للجميع

العراقي الطائي

عضو مشارك
عضو انكور
555.webp


للرؤيه على الطبيعه
نبدي بسم الله
الهيدر
كود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
      xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
    <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
    <meta http-equiv="content-script-type" content="text/javascript"/>
    <meta http-equiv="content-style-type" content="text/css"/>
    <!-- BEGIN switch_compat_meta -->
    <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
    <!-- END switch_compat_meta -->
    <!-- BEGIN switch_canonical_url -->
    <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
    <!-- END switch_canonical_url -->
    {META_FAVICO}
    {META}
    {META_FB_LIKE}
    <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
    {T_HEAD_STYLESHEET}
    {CSS}
    <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
    <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
    <script src="{JQUERY_PATH}" type="text/javascript"></script>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
    <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}

    <!-- BEGIN switch_fb_login -->
    <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->

    <!-- BEGIN switch_ticker -->
    <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
    <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
    <!-- END switch_ticker -->

    <!-- BEGIN switch_ticker_new -->
    <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
    <script type="text/javascript">//<![CDATA[
        /* Definir le sens de direction en fonction du panneau admin */
        var tickerDirParam = "{switch_ticker.DIRECTION}";
        var slid_vert = false;
        var auto_dir = 'next';
        var h_perso = parseInt({switch_ticker.HEIGHT});

        switch (tickerDirParam) {
            case 'top' :
                slid_vert = true;
                break;
            case 'left':
                break;
            case 'bottom':
                slid_vert = true;
                auto_dir = 'prev';
                break;
            case 'right':
                auto_dir = 'prev';
                break;
            default:
                slid_vert = true;
        }

        $(document).ready(function () {
            var w_cont = $('#fa_ticker_container').width();

            if (w_cont > 0) {
                $('#fa_ticker_container').width(w_cont);

                /* Affichage de la liste */
                $('#fa_ticker_content').css('display', 'block');

                /* Calcul des dimensions du conteneur et des elements */
                var width_max = $('ul#fa_ticker_content').width();
                var width_item = Math.floor(width_max / {switch_ticker.SIZE});
                var height_max = h_perso;

                /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
                $('ul#fa_ticker_content li').each(function () {
                    if ($(this).height() > height_max) {
                        height_max = $(this).height();
                    }
                });

                /* Redimensionnement des elements et des images trop larges */
                $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                    if ($(this).width() > width_item) {
                        var ratio = $(this).width() / width_item;
                        var new_height = Math.round($(this).height() / ratio);
                        $(this).height(new_height).width(width_item);
                    }
                });

                /* Redimensionnement et centrage du conteneur en mode vertical */
                if (slid_vert) {
                    $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
                }

                /* Initialisation du caroussel */
                $('#fa_ticker_content').jcarousel({
                    vertical: slid_vert,
                    wrap: 'circular',
                    auto: {switch_ticker.STOP_TIME},
                    auto_direction: auto_dir,
                    scroll: 1,
                    size: {switch_ticker.SIZE},
                    height_max: height_max,
                    animation: {switch_ticker.SPEED}
                });
            } else {
                $('ul#fa_ticker_content li:not(:first)').css('display', 'none');
                $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
            }
        });
        //]]>
    </script>
    <!-- END switch_ticker_new -->

    <script type="text/javascript">//<![CDATA[
        $(document).ready(function () {
            <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if (pm != null) {
                pm.focus();
            }
            <!-- END switch_enable_pm_popup -->
            <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if (report != null) {
                report.focus();
            }
            <!-- END switch_report_popup -->
            <!-- BEGIN switch_ticker -->
            $(document).ready(function () {
                Ticker.start({
                    height: {switch_ticker.HEIGHT},
                    spacing: {switch_ticker.SPACING},
                    speed: {switch_ticker.SPEED},
                    direction: '{switch_ticker.DIRECTION}',
                    pause: {switch_ticker.STOP_TIME}
                });
            });
            <!-- END switch_ticker -->
        });

        <!-- BEGIN switch_login_popup -->
        var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
            logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
        <!-- END switch_login_popup -->

        <!-- BEGIN switch_login_popup -->
        $(document).ready(function () {
            $(window).resize(function () {
                var windowWidth = document.documentElement.clientWidth;
                var popupWidth = $("#login_popup").width();
                var mypopup = $("#login_popup");

                $("#login_popup").css({
                    "left": windowWidth / 2 - popupWidth / 2
                });
            });
        });
        <!-- END switch_login_popup -->
        //]]>
    </script>
    {GREETING_POPUP}
    <!-- BEGIN switch_ticker_new -->
    <style>
        .jcarousel-skin-tango .jcarousel-item {
            text-align: center;
            width: 10px;
        }

        .jcarousel-skin-tango .jcarousel-item-horizontal {
            margin-right: {switch_ticker.SPACING}px;
        }

        .jcarousel-skin-tango .jcarousel-item-vertical {
            margin-bottom: {switch_ticker.SPACING}px;
        }
    </style>
    <!-- END switch_ticker_new -->
    {HOSTING_JS}

    <!-- BEGIN google_analytics_code -->
    <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
        <!-- BEGIN google_analytics_code_bis -->
        gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
        <!-- END google_analytics_code_bis -->
    </script>
    <!-- END google_analytics_code -->
<div id="my_dash_position"></div>
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
      vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
    <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
    <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br/>
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
    </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN inactive_users_modal -->
<div id="inactive_popup" style="z-index: 10000 !important;">
    <table class="forumline" style="padding: 0px; width: 480px;" border="0" cellspacing="1"
           cellpadding="0">
        <tr height="25">
            <td class="catLeft">
                <span class="genmed module-title">{inactive_users_modal.L_MODAL_TITLE}</span>
            </td>
        </tr>
        <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
                <span class="genmed">{inactive_users_modal.L_MODAL_BODY}</span>
                <div id="inactive_popup_buttons">
                    <input type="button" id="inactive_popup_url" class="mainoption"  value="{inactive_users_modal.L_MODAL_BUTTON}" />
                    <input type="button" id="inactive_popup_close" class="button" value="{inactive_users_modal.L_CLOSE}" />
                </div>
            </td>
        </tr>
    </table>
</div>
<script type="text/javascript">
    $('#inactive_popup #inactive_popup_close').on('mouseup', function () {
        document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
        $('#inactive_popup').hide(50);
    });
    $('#inactive_popup #inactive_popup_url').on('mouseup', function () {
        document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
        location.href = '{inactive_users_modal.U_MODAL}'
    })
</script>
<!-- END inactive_users_modal -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
    <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1"
           cellpadding="0">
        <tr height="25">
            <td class="catLeft">
                <span class="genmed module-title">{SITENAME}</span>
            </td>
        </tr>
        <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
                <div id="login_popup_buttons">
                    <form action="{S_LOGIN_ACTION}" method="get">
                        <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                        <input type="button" class="mainoption" value="{L_REGISTER}"
                               onclick="parent.location='{U_REGISTER}';"/>
                        <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/>
                    </form>
                </div>
                <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
        </tr>
        <!-- BEGIN switch_quick_login -->
        <tr>
            <td class="row1" align="left" valign="top">
                <div class="social_btn">
                    <!-- BEGIN fb_quick_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_quick_connect -->
                    &nbsp;
                    <!-- BEGIN topicit_quick_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_quick_connect -->
                </div>
            </td>
        </tr>
        <!-- END switch_quick_login -->
    </table>
</div>
<!-- END switch_login_popup -->

<!-- BEGIN switch_like_popup -->
<div id="like_popup" style="z-index: 10000 !important;">
    <table class="forumline" width="{LIKE_POPUP_WIDTH}" height="{LIKE_POPUP_HEIGHT}" border="0" cellspacing="1"
           cellpadding="0">
        <tr height="25">
            <td class="catLeft">
                <span class="genmed module-title">{SITENAME}</span>
            </td>
        </tr>
        <tr height="{LIKE_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
                <div id="like_popup_buttons">
                    <form action="{S_LOGIN_ACTION}" method="get">
                        <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                        <input type="button" class="mainoption" value="{L_REGISTER}"
                               onclick="parent.location='{U_REGISTER}';"/>
                        <input id="like_popup_close" type="button" class="button" value="{L_LIKE_CLOSE}"/>
                    </form>
                </div>
                <span class="genmed">{LIKE_POPUP_MSG}</span>
            </td>
        </tr>
    </table>
</div>
<!-- END switch_like_popup -->

<a name="top"></a>
{JAVASCRIPT}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@700;800;900&family=Reem+Kufi:wght@700&display=swap" rel="stylesheet">

<div class="taq-nav-vb" id="taqNavVb">
  <div class="taq-vb-bar">
  
    <!-- زر الرئيسية ثابت ذهبي -->
    <a href="{U_INDEX}" class="taq-vb-home"><i class="fas fa-home"></i> الرئيسية</a>

    <!-- قائمة المنتدى -->
    <div class="taq-vb-item">
      <div class="taq-vb-btn"><i class="fas fa-comments"></i> المنتدى <i class="fas fa-chevron-down"></i></div>
      <div class="taq-vb-dropdown">
        <a href="{U_INDEX}"><i class="fas fa-th-large"></i> فهرس المنتدى</a>
        <a href="/search?search_id=newposts"><i class="fas fa-bolt"></i> المواضيع الجديدة</a>
        <a href="/search?search_id=unanswered"><i class="fas fa-comment-slash"></i> مواضيع بلا ردود</a>
        <a href="/search?search_id=activetopics"><i class="fas fa-fire"></i> المواضيع النشطة</a>
        <a href="{U_PORTAL}"><i class="fas fa-door-open"></i> البوابة</a>
      </div>
    </div>

    <!-- قائمة الأعضاء -->
    <div class="taq-vb-item">
      <div class="taq-vb-btn"><i class="fas fa-users"></i> الأعضاء <i class="fas fa-chevron-down"></i></div>
      <div class="taq-vb-dropdown">
        <a href="{U_MEMBERLIST}"><i class="fas fa-users"></i> قائمة الأعضاء</a>
        <a href="{U_GROUP_CP}"><i class="fas fa-layer-group"></i> المجموعات</a>
        <a href="/memberlist?mode=today_posters"><i class="fas fa-chart-line"></i> أفضل المشاركين اليوم</a>
        <a href="/memberlist?mode=overall_posters"><i class="fas fa-crown"></i> أفضل المشاركين</a>
      </div>
    </div>

    <!-- قائمة استكشاف -->
    <div class="taq-vb-item">
      <div class="taq-vb-btn"><i class="fas fa-compass"></i> استكشاف <i class="fas fa-chevron-down"></i></div>
      <div class="taq-vb-dropdown">
        <a href="{U_SEARCH}"><i class="fas fa-search"></i> البحث</a>
        <a href="{U_FAQ}"><i class="fas fa-question-circle"></i> التعليمات</a>
        <a href="{U_CALENDAR}"><i class="fas fa-calendar-alt"></i> التقويم</a>
        <a href="/contact"><i class="fas fa-headset"></i> اتصل بنا</a>
      </div>
    </div>

    <!-- قائمة حسابي -->
    <div class="taq-vb-item">
      <div class="taq-vb-btn"><i class="fas fa-user-circle"></i> حسابي <i class="fas fa-chevron-down"></i></div>
      <div class="taq-vb-dropdown">
        <!-- BEGIN switch_user_logged_out -->
        <a href="{U_REGISTER}"><i class="fas fa-user-plus"></i> التسجيل</a>
        <a href="{U_LOGIN_LOGOUT}"><i class="fas fa-sign-in-alt"></i> دخول</a>
        <!-- END switch_user_logged_out -->
        <!-- BEGIN switch_user_logged_in -->
        <a href="{U_PROFILE}"><i class="fas fa-id-card"></i> الملف الشخصي</a>
        <a href="{U_PRIVATEMSGS}"><i class="fas fa-envelope"></i> الرسائل الخاصة</a>
        <a href="{U_LOGIN_LOGOUT}"><i class="fas fa-sign-out-alt"></i> خروج</a>
        <!-- END switch_user_logged_in -->
      </div>
    </div>

  </div>
</div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                    <tr>
                        <td align="left" class="row1">
                            <div id="fa_ticker_container">
                                <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                                    <!-- BEGIN ticker_row -->
                                    <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                    <!-- END ticker_row -->
                                </ul>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                    <tr>
                        <td align="left" class="row1">
                            <div id="fa_ticker_container">
                                <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                    <div class="fa_ticker_content">
                                        <!-- BEGIN ticker_row -->
                                        <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                        <!-- END ticker_row -->
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
                <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                    <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                        <tbody>
                        <tr>
                            <td valign="top" width="{C1SIZE}">
                                <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                </div>
                            </td>
                            <td valign="top" width="100%">
                                <!-- BEGIN html_validation -->
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </td>
    </tr>
</table>
</body>
</html>
<!-- END html_validation -->
 
التعديل الأخير:
  • Like
التفاعلات: Admin

النقاش يكمل الفكرة 15

overall_footer_end
كود:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
    <tr>
        <td>
            <div>
                <div>
                    <div>
<!-- END html_validation -->
</div>
                </div>
            </div>
        </td>
    </tr>
</table>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@700;800;900&family=Reem+Kufi:wght@700&display=swap" rel="stylesheet">

<style>
/* === فوتر منتديات تقنياتنا الذهبي الخيالي === */
#taq-premium-footer{
  width:100%; background: linear-gradient(to left, #0a1931 0%, #122040 50%, #0a1931 100%);
  border-top:1px solid rgba(212,175,55,0.25); margin-top:30px;
  direction:rtl; font-family:'Tajawal',sans-serif; position:relative; overflow:hidden;
}
#taq-premium-footer::before{
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(to right, transparent, #d4af37, transparent);
}
.taq-footer-glow{position:absolute; border-radius:50%; filter:blur(60px); pointer-events:none;}
.taq-footer-inner{max-width:1600px; margin:0 auto; padding:28px 24px 14px; position:relative; z-index:2;}

.taq-footer-top{display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; flex-direction:row;}
.taq-footer-col{flex:1; min-width:220px;}
.taq-footer-title{
  font-family:'Reem Kufi'; font-size:16px; font-weight:700; color:#d4af37;
  display:flex; align-items:center; gap:8px; margin-bottom:14px;
}
.taq-footer-title::after{content:''; flex:1; height:1px; background: linear-gradient(to left, rgba(212,175,55,0.3), transparent); margin-right:10px;}

.taq-footer-logo{width:64px; height:64px; border-radius:50%; padding:2px; background: linear-gradient(135deg,#f9e7a0,#d4af37,#8a6d1b); display:inline-flex;}
.taq-footer-logo-inner{width:100%; height:100%; border-radius:50%; background:#0c1a33; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.taq-footer-logo-inner img{width:100%; height:100%; object-fit:cover;}

.taq-footer-desc{color:rgba(255,255,255,0.6); font-size:12px; line-height:1.8; margin-top:10px;}
.taq-footer-links{display:flex; flex-direction:column; gap:8px;}
.taq-footer-links a{
  color:rgba(255,255,255,0.7)!important; font-size:12px; text-decoration:none!important;
  display:flex; align-items:center; gap:8px; transition:0.2s;
}
.taq-footer-links a i{color:#d4af37; width:16px; text-align:center; font-size:12px;}
.taq-footer-links a:hover{color:#f9e7a0!important; transform:translateX(-4px);}

.taq-footer-stats{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.taq-stat-box{background: rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06); border-radius:10px; padding:10px; text-align:center;}
.taq-stat-num{font-size:18px; font-weight:900; color:#f9e7a0; font-family:'Reem Kufi'; display:block;}
.taq-stat-label{font-size:9px; color:rgba(255,255,255,0.4);}

.taq-footer-bottom{
  margin-top:22px; padding-top:14px; border-top:1px solid rgba(255,255,255,0.06);
  display:flex; justify-content:space-between; align-items:center; flex-direction:row; flex-wrap:wrap; gap:10px;
}
.taq-footer-copy{color:rgba(255,255,255,0.45); font-size:11px; display:flex; align-items:center; gap:6px; flex-direction:row;}
.taq-footer-copy b{color:#d4af37;}

.taq-social{display:flex; gap:8px; flex-direction:row;}
.taq-social a{
  width:34px; height:34px; border-radius:50%; background: rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08); display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,0.6)!important; text-decoration:none!important; transition:0.3s;
}
.taq-social a:hover{background: linear-gradient(#d4af37,#b8962e); color:#0a1931!important; transform:translateY(-2px); box-shadow:0 4px 12px rgba(212,175,55,0.3);}

.taq-footer-links-bar{text-align:center; padding:12px; background: rgba(0,0,0,0.2); border-top:1px solid rgba(255,255,255,0.04);}
.taq-footer-links-bar.gen a{color:rgba(255,255,255,0.5)!important; font-size:11px; margin:0 6px; text-decoration:none!important;}
.taq-footer-links-bar.gen a:hover{color:#d4af37!important;}
</style>

<footer id="taq-premium-footer">
  <div class="taq-footer-glow" style="top:-80px; right:10%; width:300px; height:300px; background:rgba(212,175,55,0.06);"></div>
  <div class="taq-footer-glow" style="bottom:-100px; left:5%; width:400px; height:400px; background:rgba(58,107,192,0.08);"></div>

  <div class="taq-footer-inner">
    <div class="taq-footer-top">
      <!-- العمود 1: عن المنتدى -->
      <div class="taq-footer-col">
        <div style="display:flex; align-items:center; gap:12px; flex-direction:row;">
          <div class="taq-footer-logo"><div class="taq-footer-logo-inner"><img src="https://i.servimg.com/u/f44/20/58/04/83/tech_e11.jpg" onerror="this.src='https://i.ibb.co/HT4J6y7k/tech-emblem-logo.png'" alt="logo"></div></div>
          <div>
            <div style="font-family:'Reem Kufi'; font-size:18px; background: linear-gradient(90deg,#f9e7a0,#d4af37); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:700;">منتديات تقنياتنا</div>
            <div style="font-size:10px; color:rgba(255,255,255,0.5); letter-spacing:0.1em;">CODE ALLIANCE 2026</div>
          </div>
        </div>
        <div class="taq-footer-desc">
          بوابتك العربية الأولى للتقنية والإبداع. نجمع المطورين والمصممين والمبدعين في بيئة ذهبية فاخرة لتبادل المعرفة وصناعة المستقبل.
        </div>
        <div class="taq-social" style="margin-top:12px;">
          <a href="#"><i class="fab fa-telegram-plane"></i></a>
          <a href="#"><i class="fab fa-twitter"></i></a>
          <a href="#"><i class="fab fa-youtube"></i></a>
          <a href="#"><i class="fab fa-github"></i></a>
        </div>
      </div>

      <!-- العمود 2: روابط سريعة -->
      <div class="taq-footer-col">
        <div class="taq-footer-title"><i class="fas fa-compass"></i> استكشاف</div>
        <div class="taq-footer-links">
          <a href="/"><i class="fas fa-home"></i> الرئيسية</a>
          <a href="/memberlist"><i class="fas fa-users"></i> قائمة الأعضاء</a>
          <a href="/search"><i class="fas fa-search"></i> البحث المتقدم</a>
          <a href="/faq"><i class="fas fa-question-circle"></i> التعليمات</a>
          <a href="/groups"><i class="fas fa-layer-group"></i> المجموعات</a>
        </div>
      </div>

      <!-- العمود 3: الدعم -->
      <div class="taq-footer-col">
        <div class="taq-footer-title"><i class="fas fa-headset"></i> الدعم والتواصل</div>
        <div class="taq-footer-links">
          <a href="/contact"><i class="fas fa-envelope"></i> اتصل بنا</a>
          <a href="/privmsg?folder=inbox"><i class="fas fa-inbox"></i> الرسائل الخاصة</a>
          <a href="/profile?mode=editprofile"><i class="fas fa-user-cog"></i> لوحة التحكم</a>
          <a href="#"><i class="fas fa-shield-alt"></i> سياسة الخصوصية</a>
        </div>
      </div>

      <!-- العمود 4: احصائيات ذهبية -->
      <div class="taq-footer-col" style="min-width:200px;">
        <div class="taq-footer-title"><i class="fas fa-chart-line"></i> نبض المنتدى</div>
        <div class="taq-footer-stats">
          <div class="taq-stat-box"><span class="taq-stat-num"><i class="fas fa-file-alt"></i></span><span class="taq-stat-label">مواضيع مميزة</span></div>
          <div class="taq-stat-box"><span class="taq-stat-num" style="color:#8fb4ff;"><i class="fas fa-users"></i></span><span class="taq-stat-label">مبدعون</span></div>
          <div class="taq-stat-box"><span class="taq-stat-num">24/7</span><span class="taq-stat-label">دعم متواصل</span></div>
          <div class="taq-stat-box"><span class="taq-stat-num" style="color:#7ef0a0;">VIP</span><span class="taq-stat-label">عضوية مميزة</span></div>
        </div>
      </div>
    </div>

    <div class="taq-footer-bottom">
      <div class="taq-footer-copy"><span>© 2026</span> <b>منتديات تقنياتنا</b> <span>• صمم بكل</span> <i class="fas fa-heart" style="color:#ff5a5a; font-size:10px;"></i> <span>للمبدعين</span><span style="margin:0 6px; color:rgba(212,175,55,0.3);">|</span><span>CODE ALLIANCE</span></div>
      <div class="taq-footer-copy"><i class="fas fa-code" style="color:#d4af37;"></i> <span>تصميم ذهبي احترافي - Tajawal & Reem Kufi</span></div>
    </div>
  </div>

  <!-- روابط الفوتر الاصلية -->
  <div class="taq-footer-links-bar">
    <!-- BEGIN switch_footer_links -->
    <div align="center"><div class="gen"><!-- BEGIN footer_link --><!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator --><a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a><!-- END footer_link --></div></div>
    <!-- END switch_footer_links -->
    <div style="margin-top:6px; color:rgba(255,255,255,0.3); font-size:10px;">{PROTECT_FOOTER}</div>
  </div>
</footer>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({"data-scope": "{switch_facebook_login.FB_SCOPE}","data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}","data-size": "{switch_facebook_login.FB_BUTTON_SIZE}","data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}","data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"});
        $('div.fb-login-button, span.fb-login-button').each(function() {if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {$(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');} if($(this).html() == '') {$(this).html('{switch_facebook_login.FB_LABEL}');}});
        FB.init({appId: "{switch_facebook_login.FB_APP_ID}",cookie: {switch_facebook_login.FB_COOKIE},xfbml: {switch_facebook_login.FB_XFBML},oauth: {switch_facebook_login.FB_OAUTH},version: '{switch_facebook_login.FB_VERSION}'});
        (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 = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));
    });
    function onLoginFB() {window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')}
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_topicit_connect -->
<script type="text/javascript">
    $(document).ready( function() {
        $('div.ti-connect').attr({'data-loc' : '{switch_topicit_connect.TOPICIT_URL}','data-login' : '{switch_topicit_connect.BOARD_LOGIN}','data-version' : '{switch_topicit_connect.TOPICIT_VERSION}','data-lang' : '{switch_topicit_connect.BOARD_LANG}'});
        (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 = "{switch_topicit_connect.TOPICIT_ENDPOINT}"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));
    });
</script>
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
    fa_endpage();
//]]>
</script>
</body>
</html>

overall_footer_begin
كود:
<!-- BEGIN html_validation -->
<style>
/* === هيكل الصفحة الذهبي الخيالي - بدون مربع === */
#page-body{max-width:1600px!important; margin:0 auto!important; width:98%!important; display:block!important;}
#page-body > div > table{width:100%!important; border-spacing:14px 0!important; border-collapse:separate!important;}
#page-body > div > div > table > tbody > tr{display:flex!important; flex-direction:row!important; gap:14px!important;}
#page-body > div > div > table > tbody > tr > td:first-child{flex:1!important; min-width:0!important;}
#page-body > div > div > table > tbody > tr > td[width="{C3SIZE}"]{width:300px!important; flex-shrink:0!important;}

/* العمود اليمين - بدون مربع */
#ID_RIGHT, div[id="{ID_RIGHT}"]{display:flex!important; flex-direction:column!important; gap:12px!important;}
#ID_RIGHT .module, div[id="{ID_RIGHT}"] .module{
  background: linear-gradient(to bottom, #0e1f3f, #0a1931)!important;
  border:none!important; /* تم الإلغاء */
  border-radius:14px!important;
  overflow:hidden!important; box-shadow:0 8px 24px rgba(0,0,0,0.25)!important;
}
#ID_RIGHT .module .h3, #ID_RIGHT .catHead, div[id="{ID_RIGHT}"] .h3{
  background: linear-gradient(135deg, #f9e7a0, #d4af37)!important;
  color:#0a1931!important; font-family:'Reem Kufi'!important; font-size:12px!important; font-weight:800!important;
  padding:10px 14px!important; margin:0!important; border:0!important; display:flex!important; align-items:center!important; gap:8px!important;
}
#ID_RIGHT .module .h3::before{content:'\f521'; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:12px;}
#ID_RIGHT .module div[style*="height"]{height:12px!important;}
#ID_RIGHT .row1, #ID_RIGHT .row2, #ID_RIGHT .row3{
  background: transparent!important; color:rgba(255,255,255,0.8)!important; padding:10px 12px!important; font-size:11px!important; border:0!important; border-bottom:1px solid rgba(255,255,255,0.05)!important;
}
#ID_RIGHT a{color:#d4af37!important; text-decoration:none!important; transition:0.2s!important;}
#ID_RIGHT a:hover{color:#f9e7a0!important; transform:translateX(-3px); display:inline-block;}

/* الفوتر - بدون مربع */
#page-footer{
  max-width:1600px; width:98%; margin:18px auto 0; background: linear-gradient(135deg, #0a1931, #122040);
  border:none!important; border-radius:18px 18px 0 0; padding:18px; position:relative; overflow:hidden;
}
#page-footer::before{content:''; position:absolute; top:0; left:0; right:0; height:2px; background: linear-gradient(to right, transparent, #d4af37, #f9e7a0, transparent);}
#page-footer .gen{color:rgba(255,255,255,0.5)!important; font-size:11px!important; text-align:center!important; line-height:1.8;}
#page-footer .gen a{color:#d4af37!important; text-decoration:none!important;}
#page-footer .gen a:hover{color:#f9e7a0!important;}

@media(max-width: 900px){
  #page-body > div > div > table > tbody > tr{flex-direction:column!important;}
  #page-body > div > div > table > tbody > tr > td[width="{C3SIZE}"]{width:100%!important;}
}
</style>
<div>
    <div>
        <table>
            <tbody>
                <tr>
                    <td>
<!-- END html_validation -->
                    </td>
                    <td valign="top" width="{C3SIZE}">
                    <div id="{ID_RIGHT}">
                        <!-- BEGIN giefmod_index2 -->
                        <div class="module">
                          <div class="h3">{giefmod_index2.MODVAR}</div>
                          {giefmod_index2.MODVAR}
                        </div>
                        <!-- BEGIN saut -->
                        <div style="height: {SPACE_ROW}px"></div>
                        <!-- END saut -->
                        <!-- END giefmod_index2 -->
                    </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<!-- close div id="page-body" -->
<div id="page-footer">
    {FOOTER_WIDGETS}
    <div align="center">
        <div class="gen" style="display:flex; justify-content:center; align-items:center; gap:8px; flex-direction:row; flex-wrap:wrap;">
          <i class="fas fa-crown" style="color:#d4af37;"></i> تصميم ذهبي حصري - تقنياتنا الذهبية 2026 <i class="fas fa-gem" style="color:#d4af37;"></i>
        </div>
<!-- BEGIN html_validation -->
        </div>
    </div>
</div>
<!-- END html_validation -->
 
index_box
كود:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@700;800;900&family=Reem+Kufi:wght@700&display=swap" rel="stylesheet">

<style>
.taq-cat-wrapper{width:98%; max-width:1600px; margin:10px auto; direction:rtl; font-family:'Tajawal',sans-serif;}
.taq-top-bar{background: linear-gradient(to left, #0a1931, #122040, #1a2a4a); border:1px solid rgba(212,175,55,0.25); border-radius:16px; padding:14px 20px; margin-bottom:16px; position:relative; overflow:hidden;}
.taq-top-bar::before{content:''; position:absolute; top:0; left:0; right:0; height:2px; background: linear-gradient(to right, transparent, #d4af37, #f9e7a0, transparent);}
.taq-top-bar-flex{display:flex; justify-content:space-between; align-items:center; flex-direction:row !important; gap:12px; flex-wrap:wrap;}
.taq-top-bar .nav, .taq-top-bar .nav a{color:#f9e7a0 !important; font-weight:800; font-size:13px; text-decoration:none; font-family:'Reem Kufi';}
.taq-top-bar .gensmall{color:rgba(255,255,255,0.6) !important; font-size:11px;}
.taq-top-bar .gensmall a{color:#8fb4ff !important; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.08); padding:5px 12px; border-radius:20px; text-decoration:none; display:inline-flex; gap:6px; align-items:center; margin:2px;}
.taq-forumline{width:100%; border:0; border-collapse:separate; border-spacing:0 12px; margin-bottom:18px;}
.taq-cat-head{background: linear-gradient(135deg, #0a1931 0%, #122040 50%, #1a2a4a 100%) !important; border:1px solid rgba(212,175,55,0.35) !important; height:58px !important; padding:0 !important; vertical-align:middle !important; border-radius:14px!important; position:relative; overflow:hidden;}
.taq-cat-head-inner{display:flex; align-items:center; justify-content:space-between; flex-direction:row; height:100%; padding:0 20px; gap:10px;}
.taq-cat-title{display:flex; align-items:center; gap:12px; flex-direction:row;}
.taq-cat-icon{width:38px; height:42px; background: linear-gradient(135deg,#f9e7a0,#d4af37); clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); display:flex; align-items:center; justify-content:center; color:#0a1931; font-size:16px; box-shadow:0 0 15px rgba(212,175,55,0.4);}
.taq-cat-head .cattitle, .taq-cat-head .cattitle a{font-family:'Reem Kufi'; font-size:17px; font-weight:800; color:#f9e7a0 !important; text-decoration:none;}
/* === المحاذاة المضبوطة 100% - بعد تعديل 98% === */
.taq-cat-stats-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  min-width:unset!important;
  width:384px!important;
  flex-shrink:0!important;
  margin-right:auto!important;
}

.taq-cat-stats-head span{
  text-align:center!important;
  font-size:11px!important;
  font-weight:800!important;
  color:rgba(212,175,55,0.9)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  box-sizing:border-box!important;
}

/* نفس مقاسات الجسم بالضبط */
.taq-cat-stats-head span:nth-child(1){width:62px!important; min-width:62px!important;}
.taq-cat-stats-head span:nth-child(2){width:62px!important; min-width:62px!important; margin-right:8px!important;}
.taq-cat-stats-head span:nth-child(3){width:200px!important; min-width:200px!important; margin-right:14px!important;}

/* جسم الفئة - نفس المقاسات */
.taq-cat-stats{
  width:384px!important;
  min-width:384px!important;
  display:flex!important;
  flex-direction:row!important;
  gap:0!important;
  box-sizing:border-box!important;
}
.taq-cat-stats > div:nth-child(1){width:62px!important; min-width:62px!important; text-align:center!important;}
.taq-cat-stats > div:nth-child(2){width:62px!important; min-width:62px!important; text-align:center!important; margin-right:8px!important;}
.taq-cat-stats > div:nth-child(3){width:200px!important; min-width:200px!important; margin-right:14px!important;}

.taq-forum-row{background: linear-gradient(to left, rgba(255,255,255,0.04), rgba(255,255,255,0.02)); border:1px solid rgba(255,255,255,0.07); border-radius:14px; transition:0.25s; overflow:hidden;}
.taq-forum-row:hover{background: linear-gradient(to left, rgba(212,175,55,0.08), rgba(255,255,255,0.03)) !important; border-color: rgba(212,175,55,0.25) !important;}
.taq-forum-row td{vertical-align:middle !important; padding:14px 12px !important; border:0 !important;}
.taq-forum-icon{width:62px; height:70px; clip-path: polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%); background:#0c1a33; border:2px solid rgba(255,255,255,0.12); display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; overflow:hidden;}
.taq-forum-icon img{width:100%!important; height:100%!important; object-fit:cover!important; display:block!important;}
.taq-forum-icon.is-new{border-color:#f9e7a0!important; box-shadow:0 0 20px rgba(212,175,55,0.7)!important; animation: taqGoldGlow 2s infinite;}
.taq-forum-icon.is-locked{border-color:rgba(255,80,80,0.4)!important;}
.taq-forum-icon.is-old{border-color:rgba(255,255,255,0.12)!important;}
@keyframes taqGoldGlow{0%,100%{box-shadow:0 0 12px rgba(212,175,55,0.5);}50%{box-shadow:0 0 28px rgba(212,175,55,0.9);}}
.taq-forum-flex{display:flex; align-items:center; gap:0; flex-direction:row; width:100%;}
.taq-forum-flex > div:first-child{flex:1;}
.taq-forumlink{font-family:'Reem Kufi'; font-size:15px; font-weight:700;}
.taq-forumlink a{color:#fff !important; text-decoration:none !important;}
.taq-stat-box{text-align:center; min-width:62px !important; margin-left:8px; background: rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.06); border-radius:10px; padding:8px 6px;}
.taq-stat-num{font-size:18px; font-weight:900; color:#f9e7a0; display:block; line-height:1;}
.taq-stat-label{font-size:9px; color:rgba(255,255,255,0.4); margin-top:2px; display:block;}
.taq-lastpost{background: rgba(0,0,0,0.3); border-radius:12px; padding:8px 12px; border:1px solid rgba(255,255,255,0.06); min-width:200px !important; max-width:200px !important; margin-right:6px; display:flex; align-items:center; gap:8px; flex-direction:row;}
.taq-lastpost .gensmall{font-size:10px; line-height:1.5; color:rgba(255,255,255,0.7)!important;}
.taq-lastpost .gensmall a{color:#d4af37!important; text-decoration:none!important; font-weight:700;}
.taq-lastpost .lastpost-avatar img{width:36px; height:36px; border-radius:50%; border:2px solid #d4af37; object-fit:cover;}
</style>

<div class="taq-cat-wrapper">
<div class="taq-top-bar"><div class="taq-top-bar-flex"><div><!-- BEGIN switch_user_logged_in --><span class="gensmall"><i class="far fa-clock"></i> {LAST_VISIT_DATE} - <i class="fas fa-clock"></i> {CURRENT_TIME}</span><br><!-- END switch_user_logged_in --><div class="nav"><a class="nav" href="{U_INDEX}"><i class="fas fa-home"></i> {L_INDEX}</a>{NAV_CAT_DESC}</div></div><div class="gensmall" style="text-align:left; display:flex; flex-direction:column; gap:4px; align-items:flex-start;"><!-- BEGIN switch_user_logged_in --><div style="display:flex; gap:6px; flex-direction:row;"><a class="gensmall" href="{U_SEARCH_NEW}"><i class="fas fa-bolt"></i> {L_SEARCH_NEW}</a><a class="gensmall" href="{U_SEARCH_SELF}"><i class="fas fa-user-check"></i> {L_SEARCH_SELF}</a></div><!-- END switch_user_logged_in --><a class="gensmall" href="{U_SEARCH_UNANSWERED}"><i class="fas fa-comment-slash"></i> {L_SEARCH_UNANSWERED}</a></div></div></div>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="taq-forumline" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><th colspan="{catrow.tablehead.INC_SPAN}" width="100%" class="taq-cat-head"><div class="taq-cat-head-inner"><div class="taq-cat-title"><div class="taq-cat-icon"><i class="fas fa-layer-group"></i></div><span class="cattitle">{catrow.tablehead.L_FORUM}</span></div><div class="taq-cat-stats-head"><span><i class="fas fa-file-alt"></i> {L_TOPICS}</span><span><i class="fas fa-comments"></i> {L_POSTS}</span><span><i class="fas fa-history"></i> {L_LASTPOST}</span></div></div></th></tr><!-- END tablehead --><!-- BEGIN cathead --><tr><td class="taq-cat-head" colspan="{catrow.cathead.INC_SPAN}" style="height:48px !important;"><div class="taq-cat-head-inner"><div class="taq-cat-title"><div class="taq-cat-icon" style="width:30px; height:34px; font-size:12px;"><i class="fas fa-folder"></i></div><h{catrow.cathead.LEVEL} class="hierarchy" style="margin:0; display:inline;"><span class="cattitle"><a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a></span></h{catrow.cathead.LEVEL}></div></div></td></tr><!-- END cathead --><!-- BEGIN forumrow --><tr class="taq-forum-row"><td width="70" align="center"><div class="taq-forum-icon"><img class="taq-final-icon" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" loading="lazy" /></div></td><td width="100%"><div class="taq-forum-flex"><div style="flex:1;"><h{catrow.forumrow.LEVEL} class="hierarchy taq-forumlink" style="margin:0;"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}><span class="genmed taq-forum-desc">{catrow.forumrow.FORUM_DESC}</span><span class="gensmall"><!-- BEGIN switch_moderators_links --><span style="color:#d4af37;"><i class="fas fa-shield-alt"></i> {catrow.forumrow.switch_moderators_links.L_MODERATOR}</span>{catrow.forumrow.switch_moderators_links.MODERATORS}<!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div><div class="taq-stat-box"><span class="taq-stat-num">{catrow.forumrow.TOPICS}</span><span class="taq-stat-label">موضوع</span></div><div class="taq-stat-box"><span class="taq-stat-num" style="color:#8fb4ff;">{catrow.forumrow.POSTS}</span><span class="taq-stat-label">مشاركة</span></div><div class="taq-lastpost"><span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></div></td></tr><!-- END forumrow --><!-- BEGIN catfoot --><tr><td height="8"></td></tr><!-- END catfoot --><!-- BEGIN tablefoot --></table><!-- END tablefoot --><!-- END catrow -->
</div>

<script>
// كود واحد فقط نهائي - لا تكرره
(function(){
  var imgNew = "https://i.servimg.com/u/f44/20/58/04/83/9_webp11.jpg";
  var imgLocked = "https://i.servimg.com/u/f44/20/58/04/83/aaaa_w10.jpg";
  var imgOld = "https://i.servimg.com/u/f44/20/58/04/83/acoa_w10.jpg";

  function applyIcons(){
    document.querySelectorAll('.taq-final-icon').forEach(function(img){
      var alt = (img.getAttribute('alt')||'').trim();
      var src = (img.getAttribute('src')||'').toLowerCase();
      var box = img.closest('.taq-forum-icon');
      if(!box) return;

      var lowerAlt = alt.toLowerCase();

      if(lowerAlt.indexOf('مقفل')>-1 || lowerAlt.indexOf('مغلق')>-1){
        if(img.src !== imgLocked){ img.src = imgLocked; }
        box.className = 'taq-forum-icon is-locked';
      } else if(lowerAlt.indexOf('لا يوجد')>-1 || lowerAlt.indexOf('لا مساهمات')>-1 || lowerAlt.indexOf('قديم')>-1 || lowerAlt.indexOf('no new')>-1 || lowerAlt.indexOf('لا جديد')>-1){
        if(img.src !== imgOld){ img.src = imgOld; }
        box.className = 'taq-forum-icon is-old';
      } else if(lowerAlt.indexOf('يوجد')>-1 || lowerAlt.indexOf('جديد')>-1){
        if(img.src !== imgNew){ img.src = imgNew; }
        box.className = 'taq-forum-icon is-new';
      } else {
        if(img.src !== imgOld){ img.src = imgOld; }
        box.className = 'taq-forum-icon is-old';
      }
    });
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', applyIcons);
  } else {
    applyIcons();
  }
  // منع أي كود آخر يغيرها بعدنا
  setTimeout(applyIcons, 500);
})();
</script>

index_body
كود:
{JAVASCRIPT}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@700;800;900&family=Reem+Kufi:wght@700&display=swap" rel="stylesheet">

<style>
.taq-wrapper{width:98%; margin:10px auto; direction:rtl; font-family:'Tajawal',sans-serif;}
.taq-gold-card{background: linear-gradient(to left, #0a1931, #122040, #1a2a4a); border:1px solid rgba(212,175,55,0.25); border-radius:14px; overflow:hidden; margin-bottom:12px; position:relative;}
.taq-gold-card::before{content:''; position:absolute; top:0; left:0; right:0; height:2px; background: linear-gradient(to right, transparent, #d4af37, transparent);}
.taq-card-head{height:44px; padding:0 16px; background: rgba(0,0,0,0.2); border-bottom:1px solid rgba(212,175,55,0.15); display:flex; align-items:center;}
.taq-card-head .cattitle{font-family:'Reem Kufi'; font-size:14px; color:#d4af37 !important;}
.taq-card-body{padding:0; background: rgba(255,255,255,0.02);}
.taq-card-body .forumline{width:100% !important; border:0 !important; background: transparent !important; border-spacing:0 !important;}
.taq-card-body .row1{background: rgba(255,255,255,0.03) !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,0.05) !important;}
.taq-card-body .gensmall{color:rgba(255,255,255,0.75) !important; font-size:12px !important; line-height:1.8 !important;}
.taq-card-body a{color:#8fb4ff !important;}
.taq-card-body a:hover{color:#f9e7a0 !important;}

/* الأساطير */
.taq-legend-table{width:100%; border:0; border-spacing:8px;}
.taq-legend-table td{background: rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.06); border-radius:10px; padding:10px; text-align:center;}
.taq-legend-table img{width:22px; vertical-align:middle; margin-left:6px;}
</style>

<div class="taq-wrapper">
{CHATBOX_TOP}
<div class="taq-gold-card"><div class="taq-card-body" style="padding:6px;">{BOARD_INDEX}</div></div>

<!-- BEGIN disable_viewonline -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<style>
.taq-gold-card{width:98%; max-width:1600px; margin:16px auto; background: linear-gradient(to bottom, #0e1f3f, #0a1931); border:1px solid rgba(212,175,55,0.2); border-radius:16px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.3); direction:rtl; font-family:'Tajawal',sans-serif;}
.taq-card-head{background: linear-gradient(135deg, #f9e7a0, #d4af37); padding:12px 18px; display:flex; align-items:center; justify-content:space-between; flex-direction:row;}
.taq-card-head.cattitle{color:#0a1931!important; font-family:'Reem Kufi'; font-size:13px; font-weight:800; display:flex; align-items:center; gap:8px; flex-direction:row; margin:0;}
.taq-card-head.cattitle i{width:32px; height:36px; background:#0a1931; color:#d4af37; display:flex; align-items:center; justify-content:center; clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); font-size:14px; flex-shrink:0;}

.taq-gold-card.forumline{width:100%!important; background: transparent!important; border:0!important; border-spacing:0!important; margin:0!important;}
.taq-gold-card.row1{background: transparent!important; border:0!important; border-bottom:1px solid rgba(255,255,255,0.06)!important; padding:12px 16px!important;}
.taq-gold-card td[rowspan]{background: radial-gradient(circle, rgba(212,175,55,0.12), transparent 70%)!important; border-left:1px solid rgba(212,175,55,0.12)!important; position:relative; width:90px!important;}
.taq-gold-card td[rowspan]::before{content:''; position:absolute; inset:12px; background: linear-gradient(135deg,#0a1931,#122040); border:1px solid rgba(212,175,55,0.2); clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); z-index:1;}
.taq-gold-card td[rowspan] img{position:relative; z-index:2; filter: brightness(0) invert(0.8) sepia(1) saturate(3) hue-rotate(10deg)!important; width:44px!important;}

.taq-gold-card.gensmall{font-size:11px!important; line-height:1.8!important; color:rgba(255,255,255,0.7)!important;}
.taq-gold-card.gensmall a{color:#d4af37!important; text-decoration:none!important; font-weight:700;}
.taq-gold-card.gensmall a:hover{color:#f9e7a0!important;}

.taq-online-grid{display:flex; gap:10px; flex-wrap:wrap; flex-direction:row; margin-top:4px;}
.taq-online-stat{background: rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06); border-radius:10px; padding:8px 12px; display:flex; align-items:center; gap:8px; flex-direction:row;}
.taq-online-stat i.hex{width:28px; height:32px; background: linear-gradient(135deg,#f9e7a0,#d4af37); color:#0a1931; display:flex; align-items:center; justify-content:center; clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); font-size:12px; flex-shrink:0;}
.taq-icon-hex{width:32px; height:36px; display:inline-flex; align-items:center; justify-content:center; clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); margin-left:10px; font-size:13px; flex-shrink:0; vertical-align:middle;}
</style>

<div class="taq-gold-card">
  <div class="taq-card-head"><span class="cattitle"><i class="fas fa-crown"></i> {L_WHO_IS_ONLINE}</span><span style="color:#0a1931; font-size:10px; background:rgba(10,25,49,0.15); padding:4px 10px; border-radius:12px; font-weight:800;"><i class="fas fa-gem"></i> إحصائيات حصرية</span></div>
  <div class="taq-card-body">
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr><td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" loading="lazy" /></td>
        <td class="row1" width="100%"><div class="taq-online-grid">
            <div class="taq-online-stat"><i class="hex fas fa-file-alt"></i> <span class="gensmall">{TOTAL_POSTS}</span></div>
            <div class="taq-online-stat"><i class="hex fas fa-users"></i> <span class="gensmall">{TOTAL_USERS}</span></div>
            <div class="taq-online-stat"><i class="hex fas fa-user-plus" style="background: linear-gradient(135deg,#8fb4ff,#4a7aff); color:#fff;"></i> <span class="gensmall">{NEWEST_USER}</span></div>
        </div></td></tr>
      <tr><td class="row1"><span class="gensmall"><i class="fas fa-circle" style="color:#00ff88; font-size:8px; animation:taqBlink 1.5s infinite;"></i> {TOTAL_USERS_ONLINE}<br>{RECORD_USERS}<br><br><span style="display:flex; flex-wrap:wrap; gap:6px;">{LOGGED_IN_USER_LIST}</span></span></td></tr>
      {L_CONNECTED_MEMBERS}
      {L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY_WEEK}
      <!-- BEGIN switch_group_legend --><tr><td class="row1"><span class="gensmall"><div class="taq-online-stat" style="display:inline-flex;"><i class="hex fas fa-palette"></i> {LEGEND} : {GROUP_LEGEND}</div></span></td></tr><!-- END switch_group_legend -->
      <!-- BEGIN switch_chatbox_activate --><tr><td class="row1"><span class="gensmall"><div class="taq-online-stat" style="display:inline-flex;"><i class="hex fas fa-comments"></i> {TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}</div></span></td></tr><!-- END switch_chatbox_activate -->
    </table>
  </div>
</div>
<style>@keyframes taqBlink{0%,100%{opacity:1;}50%{opacity:0.3;}}</style>

<script>
$(function(){
  $('.taq-gold-card.forumline tr').each(function(){
    var $tr=$(this), txt=$tr.text().trim(), $td=$tr.find('td:last');
    if($td.find('.taq-icon-hex').length>0) return;

    if(txt.indexOf('الأعضاء المتواجدون في المنتدى')>-1){
      $td.prepend('<span class="taq-icon-hex" style="background:linear-gradient(135deg,#00ff88,#00cc6a); color:#fff;"><i class="fas fa-users"></i></span>');
    } else if(txt.indexOf('تواجدوا في 24 ساعة')>-1 || txt.indexOf('24 ساعة الماضية')>-1){
      $td.prepend('<span class="taq-icon-hex" style="background:linear-gradient(135deg,#8fb4ff,#4a7aff); color:#fff;"><i class="fas fa-history"></i></span>');
    } else if(txt.indexOf('عيد ميلاده')>-1){
      if(txt.indexOf('لا احد يحتفل اليوم')>-1){
        $td.prepend('<span class="taq-icon-hex" style="background:linear-gradient(135deg,#1a2a4a,#0a1931); color:rgba(255,255,255,0.3); border:1px solid rgba(255,255,255,0.08);"><i class="fas fa-birthday-cake"></i></span>');
        $tr.css('opacity','0.6');
      } else if(txt.indexOf('اليوم')>-1){
        $td.prepend('<span class="taq-icon-hex" style="background:linear-gradient(135deg,#f9e7a0,#d4af37); color:#0a1931;"><i class="fas fa-birthday-cake"></i></span>');
      } else if(txt.indexOf('7 ايام')>-1 || txt.indexOf('7 أيام')>-1){
        if(txt.indexOf('لا احد سيحتفل')>-1){
          $td.prepend('<span class="taq-icon-hex" style="background:linear-gradient(135deg,#1a2a4a,#0a1931); color:rgba(255,255,255,0.3); border:1px solid rgba(255,255,255,0.08);"><i class="fas fa-gift"></i></span>');
          $tr.css('opacity','0.6');
        } else {
          $td.prepend('<span class="taq-icon-hex" style="background:linear-gradient(135deg,#ff8fb4,#ff4a7a); color:#fff;"><i class="fas fa-gift"></i></span>');
        }
      }
    }
  });
});
</script>
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- الأساطير تحت لوحدها في كارد منفصل -->
<!-- BEGIN switch_legend -->
<div class="taq-gold-card">
  <div class="taq-card-head"><span class="cattitle"><i class="fas fa-map"></i> حالة المنتدى</span></div>
  <div class="taq-card-body" style="padding:8px;">
    <table class="taq-legend-table" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" loading="lazy" /><span class="gensmall">{L_NEW_POSTS}</span></td>
        <td><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" loading="lazy" /><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
        <td><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" loading="lazy" /><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>
  </div>
</div>
<!-- END switch_legend -->
    
    
  
    
    
    
    
    
{AUTO_DST}
</div>
 
viewtopic_body
كود:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@600;700;800&family=Reem+Kufi:wght@700&display=swap" rel="stylesheet">

<style>
/* === ستايل رؤية الموضوع الذهبي الخفيف - بدون صور مكسورة === */
.taq-topic-wrap{width:98%; max-width:1600px; margin:14px auto; direction:rtl; font-family:'Tajawal',sans-serif;}
.taq-topic-bar{
  background: linear-gradient(135deg, #0a1931, #122040); border:1px solid rgba(212,175,55,0.25); border-radius:14px;
  padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-direction:row; flex-wrap:wrap;
}
.taq-topic-actions{display:flex; gap:8px; flex-direction:row; align-items:center;}
.taq-btn-gold{
  height:36px; padding:0 16px; border-radius:20px; display:inline-flex; align-items:center; gap:6px;
  background: linear-gradient(135deg,#f9e7a0,#d4af37); color:#0a1931!important; font-weight:800; font-size:12px; text-decoration:none!important;
  box-shadow:0 4px 12px rgba(212,175,55,0.25); transition:0.2s;
}
.taq-btn-gold:hover{transform:translateY(-2px);}
.taq-btn-dark{
  height:36px; padding:0 14px; border-radius:20px; display:inline-flex; align-items:center; gap:6px;
  background: rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); color:#fff!important; font-size:11px; font-weight:700; text-decoration:none!important;
}
.taq-topic-title-box{
  background: linear-gradient(to left, #0a1931, #1a2a4a); border:1px solid rgba(212,175,55,0.2); border-radius:12px; padding:14px 18px; margin:10px auto;
  width:98%; max-width:1600px; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-direction:row; direction:rtl;
}
.taq-topic-title{font-family:'Reem Kufi'; font-size:18px; color:#f9e7a0; font-weight:700; display:flex; align-items:center; gap:10px;}
.taq-topic-title i{width:36px; height:36px; border-radius:10px; background: linear-gradient(135deg,#f9e7a0,#d4af37); color:#0a1931; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0;}

table.forumline{border:0!important; border-radius:14px!important; overflow:hidden!important; background: transparent!important; border-collapse:separate!important; border-spacing:0 10px!important; width:98%!important; max-width:1600px!important; margin:0 auto!important;}
table.forumline .thLeft, table.forumline .thRight, table.forumline .catHead, table.forumline .catBottom{
  background: linear-gradient(135deg, #0a1931, #122040)!important; border:1px solid rgba(212,175,55,0.15)!important; color:#d4af37!important;
}
tr.post{border-radius:14px!important; overflow:hidden!important; box-shadow:0 6px 20px rgba(0,0,0,0.25)!important;}
tr.post td[width="150"]{
  background: linear-gradient(to bottom, #0c1a33, #122040)!important; border-left:1px solid rgba(212,175,55,0.15)!important; text-align:center!important; padding:14px 10px!important;
}
tr.post .name{font-family:'Reem Kufi'; font-size:14px; color:#f9e7a0!important;}
tr.post .postdetails{color:rgba(255,255,255,0.6)!important; font-size:11px!important;}
tr.post .postbody{color:rgba(255,255,255,0.9)!important; line-height:1.8!important; font-size:13px!important; padding:16px!important;}
tr.post td[width="150"] img{border-radius:12px; border:2px solid rgba(212,175,55,0.2); max-width:90px;}
tr.post .hr hr{border:0; height:1px; background: linear-gradient(to left, transparent, rgba(212,175,55,0.2), transparent); margin:10px 0;}
.signature_div{border-top:1px solid rgba(212,175,55,0.12)!important; margin-top:14px; padding-top:10px; opacity:0.8;}
.rep-button{background: rgba(255,255,255,0.06)!important; border:1px solid rgba(255,255,255,0.08)!important; border-radius:20px!important; color:#fff!important; padding:6px 14px!important; font-size:11px!important;}
</style>

<div class="taq-topic-bar taq-topic-wrap">
  <div class="taq-topic-actions">
    <!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" class="taq-btn-gold"><i class="fas fa-plus"></i> موضوع جديد</a><!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}" class="taq-btn-gold" style="background:linear-gradient(135deg,#fff,#f0d060);"><i class="fas fa-reply"></i> رد</a><!-- END switch_user_authreply -->
  </div>
  <div class="nav" style="color:rgba(255,255,255,0.6); font-size:11px; display:flex; align-items:center; gap:6px;">
    <a class="nav" href="{U_INDEX}" style="color:#d4af37!important; text-decoration:none;"><i class="fas fa-home"></i> {L_INDEX}</a> <i class="fas fa-chevron-left" style="font-size:8px; opacity:0.4;"></i> {NAV_CAT_DESC_SECOND}
  </div>
</div>

<div class="taq-topic-title-box">
  <div class="taq-topic-title"><i class="fas fa-crown"></i> <span>{TOPIC_TITLE}<!-- BEGIN switch_push_direct_send -->&nbsp;<span id="push-bell" title="{switch_push_direct_send.L_PUSH_SEND}"><i class="fas fa-bell" style="color:#d4af37; cursor:pointer;"></i></span><!-- END switch_push_direct_send --></span></div>
  <div style="display:flex; gap:8px; align-items:center;"><a href="#bottom" class="taq-btn-dark"><i class="fas fa-arrow-down"></i> للأسفل</a></div>
</div>

<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">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).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>
<script>$(document).ready(function(){$('#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();}});</script>
<!-- END switch_push_direct_send -->

<table width="100%" border="0" cellspacing="2" cellpadding="0" class="taq-topic-wrap">
<tr>
<td align="left" valign="middle" nowrap="nowrap"><span class="nav">
<!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authreply -->
</span></td>
<td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="bottom" nowrap="nowrap" width="100%"><span class="gensmall bold">
<!-- BEGIN switch_plus_menu -->&nbsp;<div id="addthis-toolbar" style="display: inline-block;"><div class="btn-floating-left" tabindex="100">{L_SHARE}</div><div class="addthis-toolbar-btn" style="display:none;">{switch_plus_menu.SOCIAL_BUTTONS}</div></div>&nbsp;|&nbsp;
<script type="text/javascript">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('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});</script>{switch_plus_menu.JS_SOCIAL_BUTTONS}<!-- END switch_plus_menu -->
</span></td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr align="right"><td class="catHead" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="9%" class="noprint">&nbsp;</td><td align="center" class="t-title"><h1 class="cattitle" style="color:#f9e7a0; font-family:'Reem Kufi';">&nbsp;{TOPIC_TITLE}</h1></td><td align="right" width="9%" class="browse-arrows"><!-- BEGIN switch_isconnect --><a href="{U_VIEW_OLDER_TOPIC}" style="color:#d4af37!important;">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}" style="color:#d4af37!important;">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<!-- END switch_isconnect --><a href="#bottom" style="color:#fff!important;">{L_GOTO_DOWN}</a>&nbsp;</td></tr></table></td></tr>
<tr><td class="row1" colspan="2"><span class="gensmall">{POSTERS_LIST}</span></td></tr>
<!-- BEGIN topicpagination --><tr><td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td></tr><!-- END topicpagination -->
{POLL_DISPLAY}
<tr><th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th><th class="thRight" nowrap="nowrap">{L_MESSAGE}</th></tr>
<!-- BEGIN postrow -->
<!-- BEGIN hidden --><tr><td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td></tr><!-- END hidden -->
<!-- BEGIN displayed -->
<tr class="post post--{postrow.displayed.U_POST_ID} {postrow.displayed.GROUP}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
<div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">{postrow.displayed.AWARDS}</div>
<div class="award_more"></div><br>
<!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span><br />
<img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
</td>
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="100%">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
<td valign="top" nowrap="nowrap" class="post-options">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</td></tr>
<tr><td colspan="2" class="hr"><hr /></td></tr>
<tr height="100%" valign="top"><td colspan="2">
<!-- BEGIN switch_vote_active --><div class="vote gensmall"><!-- BEGIN switch_vote --><div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div><!-- END switch_vote --><!-- BEGIN switch_bar --><div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"><!-- BEGIN switch_vote_plus --><div class="vote-bar-plus" style="height:{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="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div><!-- END switch_vote_minus --></div><!-- END switch_bar --><!-- BEGIN switch_no_bar --><div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div><!-- END switch_no_bar --><!-- BEGIN switch_vote --><div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div><!-- END switch_vote --></div><!-- END switch_vote_active -->
<div class="postbody"><div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments --><dl class="attachbox"><dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt><dd><!-- BEGIN switch_post_attachments --><dl class="file"><dt><img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" /><!-- 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><!-- BEGIN switch_no_comment --><dd><em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em></dd><!-- END switch_no_comment --><!-- BEGIN switch_no_dl_att --><dd><em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em></dd><!-- END switch_no_dl_att --><dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd></dl><!-- END switch_post_attachments --></dd></dl><!-- END switch_attachments -->
<div class="clear"></div><!-- BEGIN switch_signature --><div class="signature_div">{postrow.displayed.SIGNATURE}</div><!-- END switch_signature -->
</div><span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td></tr>
<!-- BEGIN switch_likes_active --><tr><td colspan="2"><div class="fa_like_div"><!-- 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 --><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}"><svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg><span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}</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}"><svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg><span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}</button><!-- END switch_dislike_button --></div></td></tr><!-- END switch_likes_active -->
</table></td></tr>
<tr class="post--{postrow.displayed.U_POST_ID} {postrow.displayed.GROUP}" style="{postrow.displayed.DISPLAYABLE_STATE}"><td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a></td><td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28"><table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}</td></tr></table></td></tr>
<!-- BEGIN first_post_br --></table><hr /><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th><th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th></tr><!-- END first_post_br -->
<!-- END displayed --><!-- END postrow -->
<!-- BEGIN no_post --><tr align="center"><td class="row1" colspan="2" height="28"><span class="genmed">{no_post.L_NO_POST}</span></td></tr><!-- END no_post -->
<tr align="right"><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="9%" class="noprint">&nbsp;</td><td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td><td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><!-- BEGIN switch_isconnect --><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<!-- END switch_isconnect --><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td></tr></table></td></tr>
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"><tr><td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td><!-- BEGIN topicpagination --><td class="row1" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td><!-- END topicpagination --></tr><!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic --><tr><td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td></tr><!-- END watchtopic --><!-- END switch_user_logged_in --></table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"><tr><td class="catBottom" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td><td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"><tr><td class="catBottom" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td><td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr><tr><td class="row2 postbody" valign="top"><!-- BEGIN link -->&raquo;&nbsp;<a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br /><!-- END link --></td></tr></table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"><tbody><tr><td class="catBottom"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td valign="top"><div class="cattitle">&nbsp;{L_FORUM_RULES}</div></td></tr></tbody></table></td></tr><tr><td class="row1 clearfix"><table><tr><!-- BEGIN switch_forum_rule_image --><td class="logo"><img src="{RULE_IMG_URL}" alt="" /></td><!-- END switch_forum_rule_image --><td class="rules postbody">{RULE_MSG}</td></tr></table></td></tr></tbody></table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="row2" colspan="2" align="center" style="padding:0px"><!-- BEGIN switch_user_logged_in --><a name="quickreply"></a>{QUICK_REPLY_FORM}<br /><!-- END switch_user_logged_in --></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"><tbody><!-- BEGIN show_permissions --><tr><td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td><td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td></tr><!-- END show_permissions --><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td><!-- BEGIN show_permissions --><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td><!-- END show_permissions --></tr></table></td></tr></tbody></table></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"><tbody><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr></table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center" style="max-width:1600px; margin:10px auto;"><tr>
<td align="left" 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>&nbsp;&nbsp;&nbsp;<!-- 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>
<td align="right" nowrap="nowrap"><span class="gensmall" style="color:#d4af37;">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" style="background:linear-gradient(135deg,#f9e7a0,#d4af37); border:0; border-radius:12px; padding:4px 12px; font-weight:800;" /></span></td>
<!-- BEGIN moderation_panel --><td align="center"><span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span></td><td align="center" width="250"><span class="gensmall">&nbsp;</span></td><!-- END moderation_panel -->
</tr></table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center" style="max-width:1600px; margin:0 auto;"><tr><td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
<form name="action" method="get" action="{S_FORM_MOD_ACTION}"><input type="hidden" name="t" value="{TOPIC_ID}" /><input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /><span class="gen" style="color:#d4af37;">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" style="background:linear-gradient(135deg,#f9e7a0,#d4af37); border:0; border-radius:12px; padding:4px 12px; font-weight:800;" /></span></form></td></tr></table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));</script>
<!-- END switch_image_resize -->
 
viewforum_body
كود:
{BOARD_INDEX}
<style>
/* === ViewForum ذهبي ملكي 98% === */
.taq-view-wrap{width:98%!important; max-width:1600px!important; margin:10px auto!important; font-family:'Tajawal',sans-serif!important}
.taq-nav-bar{display:flex!important; justify-content:space-between!important; align-items:center!important; background:linear-gradient(to bottom,#0e1f3f,#0a1931)!important; border:1px solid rgba(212,175,55,0.18)!important; border-radius:12px!important; padding:10px 14px!important; margin:10px 0!important}
.taq-nav-bar a.nav{color:#f9e7a0!important; font-weight:700!important; text-decoration:none!important; font-size:12px!important}
.taq-nav-bar a.nav:hover{color:#fff!important}
.taq-new-btn{background:linear-gradient(135deg,#f9e7a0,#d4af37)!important; color:#0a1931!important; padding:8px 16px!important; border-radius:8px!important; font-weight:800!important; font-size:11px!important; text-decoration:none!important; display:inline-flex!important; align-items:center!important; gap:6px!important; box-shadow:0 4px 12px rgba(212,175,55,0.3)!important}
.taq-info-box{background:linear-gradient(to bottom,#0e1f3f,#0a1931)!important; border:1px solid rgba(212,175,55,0.12)!important; border-radius:12px!important; overflow:hidden!important; margin:12px 0!important}
.taq-info-box .row1{background:rgba(255,255,255,0.02)!important; padding:10px 14px!important; border-bottom:1px solid rgba(255,255,255,0.05)!important; font-size:11px!important}
.taq-info-box .row2{background:rgba(255,255,255,0.04)!important; padding:10px 14px!important; border-bottom:1px solid rgba(255,255,255,0.05)!important; font-size:11px!important}
.taq-info-box .catBottom{background:linear-gradient(135deg,#f9e7a0,#d4af37)!important; padding:8px 14px!important}
.taq-info-box .catBottom a{color:#0a1931!important; font-weight:800!important; font-size:11px!important}
.taq-info-box a{color:#f9e7a0!important}
.taq-legend{background:rgba(14,31,63,0.4)!important; border:1px solid rgba(212,175,55,0.1)!important; border-radius:12px!important; padding:12px!important; margin:12px 0!important; width:98%!important; max-width:600px!important; margin-left:auto!important; margin-right:auto!important}
.taq-legend td{padding:4px 8px!important; font-size:10px!important; color:rgba(255,255,255,0.6)!important}
.taq-sort-box select,.taq-sort-box input{background:#0a1931!important; border:1px solid rgba(212,175,55,0.2)!important; color:#f9e7a0!important; border-radius:6px!important; padding:4px 8px!important; font-size:11px!important}
</style>

<div class="taq-view-wrap">
 <div class="taq-nav-bar">
  <div>
   <!-- BEGIN switch_user_authpost -->
   <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="taq-new-btn">✦ {L_POST_NEW_TOPIC}</a>
   <!-- END switch_user_authpost -->
  </div>
  <div class="nav"><a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}</div>
  <!-- BEGIN show_plus_menu -->
  <div class="gensmall"><script>//<![CDATA[
   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('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}',{JS_AUTH_FAVOURITES});
  //]]></script></div>
  <!-- END show_plus_menu -->
 </div>
</div>

{TOPICS_LIST_BOX}

<div class="taq-view-wrap">
<div id="info_open" style="display:''">
 <div class="taq-info-box">
  <div class="row1" style="display:flex; justify-content:space-between"><span class="gensmall"><a href="{U_MARK_READ}">???? {L_MARK_TOPICS_READ}</a></span><span class="gensmall">{S_WATCH_FORUM}</span></div>
  <div class="row2"><span class="gensmall"><b style="color:#f9e7a0">{LOGGED_IN_USER_LIST}</b></span></div>
  <div class="row1" style="display:flex; gap:10px"><span class="gensmall" style="min-width:90px"><b style="color:#d4af37">{L_MODERATOR}:</b></span><span class="gensmall">{MODERATORS}</span></div>
  <div class="row2" style="display:flex; gap:10px"><span class="gensmall" style="min-width:90px">{L_TABS_PERMISSIONS}</span><span class="gensmall">{S_AUTH_LIST}</span></div>
  <div class="catBottom"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><div class="nav">&nbsp;<a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</div></td><td align="left"><a href="javascript:ShowHideLayer('info_open','info_close');">▼ تصغير</a></td></tr></table></div>
 </div>
</div>

<div id="info_close" style="display:none">
 <div class="taq-info-box">
  <div class="row1" style="text-align:left"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></div>
  <div class="row2"><b>{LOGGED_IN_USER_LIST}</b></div>
  <div class="catBottom"><table width="100%"><tr><td><a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</td><td align="left"><a href="javascript:ShowHideLayer('info_open','info_close');">▲ تكبير</a></td></tr></table></div>
 </div>
</div>

<div class="taq-nav-bar" style="margin-top:12px">
 <div><!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="taq-new-btn">✦ {L_POST_NEW_TOPIC}</a><!-- END switch_user_authpost --></div>
 <div class="taq-sort-box" style="display:flex; gap:10px; align-items:center">
  <!-- BEGIN switch_sort_options --><span class="gensmall"><form method="post" style="display:inline">{switch_sort_options.L_SORT_BY}: <select name="sort_method">{switch_sort_options.S_OPTIONS}</select> <input class="liteoption" type="submit" value="{switch_sort_options.L_SORT}" /></form></span><!-- END switch_sort_options -->
  <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value==-1){return false;}"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" style="background:linear-gradient(135deg,#f9e7a0,#d4af37); border:none; color:#0a1931; padding:4px 10px; border-radius:6px; font-weight:800" /></span></form>
 </div>
</div>

<!-- BEGIN switch_legend -->
<div class="taq-legend">
<table border="0" cellpadding="4" cellspacing="0" align="center" width="100%">
<tr>
<td><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span><br><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span><br><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span></td>
<td><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" /> <span class="gensmall">{L_FOLDER_IMG}</span><br><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span><br><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span></td>
<td><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span><br><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span></td>
</tr>
</table>
</div>
<!-- END switch_legend -->
</div>

topics_list_box
كود:
<!-- BEGIN topics_list_box -->
<style>
/* === ستايل المواضيع الذهبي الملكي 2026 - يليق بستايل 98% === */
.taq-gold-topics{width:98%!important; max-width:1600px!important; margin:12px auto!important; font-family:'Tajawal',sans-serif!important}
.taq-gold-head{background:linear-gradient(135deg,#f9e7a0,#d4af37)!important; padding:12px 16px!important; border-radius:14px 14px 0 0!important; display:flex!important; justify-content:space-between!important; align-items:center!important; box-shadow:0 4px 15px rgba(212,175,55,0.25)!important}
.taq-gold-head h2{font-family:'Reem Kufi'!important; font-size:13px!important; font-weight:800!important; color:#0a1931!important; margin:0!important}
.taq-gold-head.stats-head{display:flex!important; gap:0!important; align-items:center!important}
.taq-gold-head.stats-head span{font-size:11px!important; font-weight:800!important; color:#0a1931!important; text-align:center!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:4px!important}
.taq-gold-head.stats-head span:nth-child(1){width:62px}
.taq-gold-head.stats-head span:nth-child(2){width:62px; margin-right:8px}
.taq-gold-head.stats-head span:nth-child(3){width:200px; margin-right:14px}

.taq-topic-row{display:flex!important; align-items:center!important; background:linear-gradient(to bottom,#0e1f3f,#0a1931)!important; border:1px solid rgba(212,175,55,0.12)!important; border-top:none!important; padding:10px 14px!important; gap:12px!important; transition:all 0.2s!important}
.taq-topic-row:hover{background:linear-gradient(to bottom,#132a56,#0e1f3f)!important; border-color:rgba(212,175,55,0.25)!important; transform:translateX(-2px)}
.taq-topic-row:last-child{border-radius:0 0 14px 14px!important}

.taq-topic-icon{width:36px!important; height:36px!important; background:rgba(212,175,55,0.1)!important; border:1px solid rgba(212,175,55,0.2)!important; border-radius:8px!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-shrink:0!important}
.taq-topic-icon img{width:18px!important; height:18px!important}

.taq-topic-main{flex:1!important; min-width:0!important}
.taq-topic-main a.topictitle{color:#f9e7a0!important; font-size:13px!important; font-weight:700!important; text-decoration:none!important; line-height:1.4!important; display:block!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important}
.taq-topic-main a.topictitle:hover{color:#fff!important}
.taq-topic-meta{font-size:10px!important; color:rgba(255,255,255,0.5)!important; margin-top:3px!important; display:flex!important; gap:10px!important}

.taq-topic-stats{display:flex!important; gap:0!important; align-items:center!important; flex-shrink:0!important}
.taq-stat{width:62px!important; text-align:center!important}
.taq-stat:nth-child(2){margin-right:8px}
.taq-stat b{display:block!important; color:#f9e7a0!important; font-size:13px!important; font-weight:800!important}
.taq-stat span{display:block!important; color:rgba(255,255,255,0.4)!important; font-size:9px!important; margin-top:1px}

.taq-lastpost{width:200px!important; margin-right:14px!important; display:flex!important; align-items:center!important; gap:8px!important; flex-shrink:0!important; background:rgba(255,255,255,0.03)!important; border-radius:8px!important; padding:6px 8px!important}
.taq-lastpost img{width:32px!important; height:32px!important; border-radius:50%!important; border:2px solid #d4af37!important}
.taq-lastpost-info{flex:1!important; min-width:0!important}
.taq-lastpost-info.time{font-size:10px!important; color:rgba(255,255,255,0.5)!important}
.taq-lastpost-info.author{font-size:11px!important; color:#f9e7a0!important; font-weight:700!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important}

.taq-no-topics{background:#0a1931!important; color:rgba(255,255,255,0.6)!important; text-align:center!important; padding:30px!important; border-radius:0 0 14px 14px!important; border:1px solid rgba(212,175,55,0.12)!important; border-top:none!important}
.taq-pagination{background:rgba(10,25,49,0.6)!important; padding:10px 14px!important; border-radius:0 0 14px 14px!important; border:1px solid rgba(212,175,55,0.12)!important; border-top:none!important; display:flex!important; justify-content:space-between!important; align-items:center!important}

@media(max-width:900px){
.taq-gold-head.stats-head{display:none!important}
.taq-topic-stats,.taq-lastpost{display:none!important}
.taq-topic-row{padding:12px!important}
}
</style>

<!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script>
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}(){var a=true;for(i=0;i<document.{topics_list_box.FORMNAME}.elements.length&&a;i++){if(document.{topics_list_box.FORMNAME}.elements[i].name=='{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}'){a=document.{topics_list_box.FORMNAME}.elements[i].checked}}document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked=a}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}(){for(i=0;i<document.{topics_list_box.FORMNAME}.length;i++){if(document.{topics_list_box.FORMNAME}.elements[i].name=='{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}'){document.{topics_list_box.FORMNAME}.elements[i].checked=document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked}}
</script>
<!-- END multi_selection -->

<div class="taq-gold-topics">
 <div class="taq-gold-head">
  <h2>???? {topics_list_box.row.L_TITLE}</h2>
  <div class="stats-head">
   <span>???? {topics_list_box.row.L_REPLIES}</span>
   <span>????️ {topics_list_box.row.L_VIEWS}</span>
   <span>???? {topics_list_box.row.L_LASTPOST}</span>
   <!-- BEGIN multi_selection --><span style="width:20px"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></span><!-- END multi_selection -->
  </div>
 </div>

 <!-- BEGIN pagination -->
 <div style="background:rgba(14,31,63,0.5); padding:6px 14px; border:1px solid rgba(212,175,55,0.12); border-top:none; border-bottom:none; text-align:left"><span class="gensmall">{PAGINATION}</span></div>
 <!-- END pagination -->
<!-- END header_table --><!-- BEGIN header_row -->
 <div style="background:rgba(212,175,55,0.08); padding:8px 14px; border:1px solid rgba(212,175,55,0.12); border-top:none; font-size:11px; font-weight:800; color:#f9e7a0">???? {topics_list_box.row.L_TITLE}</div>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <div class="taq-topic-row">
  <!-- BEGIN single_selection --><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /><!-- END single_selection -->
  <div class="taq-topic-icon"><img src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" loading="lazy" /></div>
  <!-- BEGIN icon --><div class="taq-topic-icon" style="width:28px!important; height:28px!important">{topics_list_box.row.ICON}</div><!-- END icon -->

  <div class="taq-topic-main">
   {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
   <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
   <div class="taq-topic-meta">
    <!-- BEGIN switch_description -->{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} • <!-- END switch_description -->
    بواسطة {topics_list_box.row.TOPIC_AUTHOR} {topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree -->
   </div>
  </div>

  <div class="taq-topic-stats">
   <div class="taq-stat"><b>{topics_list_box.row.REPLIES}</b><span>رد</span></div>
   <div class="taq-stat"><b>{topics_list_box.row.VIEWS}</b><span>مشاهدة</span></div>
  </div>

  <div class="taq-lastpost">
   <!-- BEGIN avatar -->{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}<!-- END avatar -->
   <div class="taq-lastpost-info">
    <div class="time">{topics_list_box.row.LAST_POST_TIME}</div>
    <div class="author">{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div>
   </div>
  </div>

  <!-- BEGIN multi_selection --><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /><!-- END multi_selection -->
 </div>
<!-- END topic --><!-- BEGIN no_topics -->
 <div class="taq-no-topics">{topics_list_box.row.L_NO_TOPICS}</div>
<!-- END no_topics --><!-- BEGIN bottom -->
 <div class="taq-pagination"><span class="gensmall">{PAGINATION}</span><a href="#top" style="color:#d4af37; font-size:11px; text-decoration:none">↑ العودة للأعلى</a></div>
<!-- END bottom --><!-- BEGIN footer_table -->
</div><!-- END footer_table --><!-- BEGIN spacer --><div style="height:12px"></div><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
 
mod_most_active_starters
كود:
<table class="forumline mod-starters" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td class="catLeft" height="25"><span class="genmed module-title"><i class="fas fa-crown" style="background:#0a1931; color:#f9e7a0; width:34px; height:38px; display:inline-flex; align-items:center; justify-content:center; clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); margin-left:8px;"></i> {L_MOST_ACTIVE_STARTERS}</span></td></tr>
<tr><td style="padding:10px; background:transparent;"><table summary="{L_MOST_ACTIVE_STARTERS}" width="100%" style="border-spacing:0 6px;"><!-- BEGIN POSTER --><tr style="background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06); border-radius:10px; display:flex; align-items:center; gap:8px; padding:8px 10px; margin-bottom:6px;"><td class="{POSTER.ROW_CLASS} genmed" width="30%" style="display:flex; align-items:center; gap:8px; background:transparent; border:0; color:rgba(255,255,255,0.85); font-size:11px; font-weight:600;"><span style="width:26px; height:30px; background:#1a2a4a; border:1px solid rgba(212,175,55,0.2); color:#d4af37; display:inline-flex; align-items:center; justify-content:center; clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); font-size:10px; flex-shrink:0;"><i class="fas fa-star"></i></span>{POSTER.NAME}</td><td class="{POSTER.ROW_CLASS}" nowrap="nowrap" title="{POSTER.NB_TOPICS}" style="flex:1; background:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.06); border-radius:10px; overflow:hidden; height:8px; padding:0;">{POSTER.BARRE}</td></tr><!-- END POSTER --></table></td></tr>
</table>
<style>.mod-starters td img, .mod-starters td div{background: linear-gradient(135deg,#f9e7a0,#d4af37)!important; height:8px!important; border-radius:10px!important; box-shadow:0 0 8px rgba(212,175,55,0.5)!important;}</style>

mod_most_active_topics
كود:
<table class="forumline mod-active" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td class="catLeft" height="25"><span class="genmed module-title"><i class="fas fa-comments" style="background:#122040; color:#8fb4ff; width:34px; height:38px; display:inline-flex; align-items:center; justify-content:center; clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); margin-left:8px;"></i> {L_MOST_ACTIVE_TOPICS}</span></td></tr>
<tr><td style="padding:10px; background:transparent;"><table summary="{L_MOST_ACTIVE_TOPICS}" width="100%" style="table-layout:fixed;overflow:hidden; border-spacing:0 6px;"><!-- BEGIN TOPIC --><tr><td class="{TOPIC.ROW_CLASS} genmed" style="background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06); border-radius:10px; padding:10px 12px; display:flex; align-items:center; gap:10px;"><span style="width:26px; height:30px; background:#122040; border:1px solid rgba(143,180,255,0.2); color:#8fb4ff; display:flex; align-items:center; justify-content:center; clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); font-size:10px;"><i class="fas fa-comment-dots"></i></span><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}" style="color:rgba(255,255,255,0.85); text-decoration:none; font-size:11.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">{TOPIC.NAME}</a></td></tr><!-- END TOPIC --></table></td></tr>
</table>

mod_most_viewed_topics
كود:
<table class="forumline mod-viewed" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td class="catLeft" height="25"><span class="genmed module-title"><i class="fas fa-fire" style="background:#0a1931; color:#d4af37; width:34px; height:38px; display:inline-flex; align-items:center; justify-content:center; clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); margin-left:8px;"></i> {L_MOST_VIEWED_TOPICS}</span></td></tr>
<tr><td style="padding:10px; background:transparent;"><table summary="{L_MOST_VIEWED_TOPICS}" width="100%" style="table-layout:fixed;overflow:hidden; border-spacing:0 6px;"><!-- BEGIN TOPIC --><tr><td class="{TOPIC.ROW_CLASS} genmed" style="background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06); border-radius:10px; padding:10px 12px; display:flex; align-items:center; gap:10px;"><span style="width:26px; height:30px; background:#1a2a4a; border:1px solid rgba(212,175,55,0.2); color:#d4af37; display:flex; align-items:center; justify-content:center; clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); font-size:10px; flex-shrink:0;"><i class="fas fa-eye"></i></span><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}" style="color:rgba(255,255,255,0.85); text-decoration:none; font-size:11.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;">{TOPIC.NAME}</a></td></tr><!-- END TOPIC --></table></td></tr>
</table>
 
سي اس اس
كود:
.taq-nav-vb{flex:1; display:flex; justify-content:center; z-index: 999;}
.taq-vb-bar{display:flex; gap:8px; flex-direction:row; align-items:center; flex-wrap:wrap; justify-content:center;}
.taq-vb-item{position:relative;}
.taq-vb-btn{height:38px; padding:0 18px; display:flex; align-items:center; gap:8px; background: rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.09); border-radius:24px; color:#fff; font-size:12px; font-weight:700; font-family:'Tajawal'; cursor:pointer; white-space:nowrap;}
.taq-vb-item:hover .taq-vb-btn{background: linear-gradient(135deg,#f9e7a0,#d4af37); color:#0a1931; border-color:#d4af37; box-shadow:0 6px 18px rgba(212,175,55,0.35);}
.taq-vb-btn i:first-child{color:#d4af37;} .taq-vb-item:hover .taq-vb-btn i{color:#0a1931!important;}
.taq-vb-btn .fa-chevron-down{font-size:9px; opacity:0.6; transition:0.2s;} .taq-vb-item:hover .fa-chevron-down{transform:rotate(180deg);}
.taq-vb-dropdown{position:absolute; top:46px; right:50%; transform:translateX(50%); min-width:210px; background: linear-gradient(to bottom, #122040, #0a1931); border:1px solid rgba(212,175,55,0.25); border-radius:14px; padding:8px; display:none; flex-direction:column; gap:4px; box-shadow:0 12px 30px rgba(0,0,0,0.5); z-index: 999;}
.taq-vb-dropdown::before{content:''; position:absolute; top:-6px; right:50%; transform:translateX(50%) rotate(45deg); width:12px; height:12px; background:#122040; border-left:1px solid rgba(212,175,55,0.25); border-top:1px solid rgba(212,175,55,0.25);}
.taq-vb-item:hover .taq-vb-dropdown{display:flex;}
.taq-vb-dropdown a{height:36px!important; padding:0 12px!important; display:flex!important; align-items:center; gap:8px; background: rgba(255,255,255,0.03)!important; border:1px solid transparent!important; border-radius:10px!important; color:rgba(255,255,255,0.85)!important; font-size:11px!important; font-weight:600!important; text-decoration:none!important;}
.taq-vb-dropdown a:hover{background: rgba(212,175,55,0.12)!important; border-color: rgba(212,175,55,0.25)!important; color:#f9e7a0!important;}
.taq-vb-dropdown a i{color:#d4af37; width:16px; text-align:center;}
.taq-vb-home{height:38px; padding:0 20px; background: linear-gradient(135deg,#f9e7a0,#d4af37); color:#0a1931!important; border-radius:24px; display:flex; align-items:center; gap:7px; font-weight:900; font-size:12px; text-decoration:none!important; box-shadow:0 4px 14px rgba(212,175,55,0.3);}


/* === تحديد المحتوى CODE - ذهبي سداسي === */
.code, .cont_code, pre, code{
  background: linear-gradient(to bottom, #0e1f3f, #0a1931) !important;
  border:1px solid rgba(212,175,55,0.25) !important; border-radius:12px !important;
  color:#f9e7a0 !important; font-family:'Courier New', monospace !important;
  padding:0 !important; margin:12px 0 !important; overflow:hidden !important;
  box-shadow:0 4px 15px rgba(0,0,0,0.2) !important; position:relative !important;
}
.code::before, .cont_code::before{
  content:'/> كود'; display:block; background: linear-gradient(135deg,#f9e7a0,#d4af37);
  color:#0a1931; padding:6px 14px; font-family:'Tajawal'; font-weight:800; font-size:11px;
  display:flex; align-items:center; gap:6px; flex-direction:row;
}
.code::after{
  content:'\f0ea'; font-family:'Font Awesome 6 Free'; font-weight:900;
  position:absolute; top:8px; left:12px; width:32px; height:36px;
  background:#0a1931; color:#d4af37; display:flex; align-items:center; justify-content:center;
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); font-size:12px; cursor:pointer;
}
.code div, .cont_code div, pre{padding:12px 16px !important; max-height:300px; overflow:auto;}
.code div::-webkit-scrollbar{width:6px; height:6px;}
.code div::-webkit-scrollbar-thumb{background: #d4af37; border-radius:10px;}

/* زر تحديد المحتوى */
.selectCode{
  float:left; background: rgba(212,175,55,0.15) !important; border:1px solid rgba(212,175,55,0.3) !important;
  color:#f9e7a0 !important; border-radius:20px !important; padding:3px 12px !important;
  font-size:10px !important; font-family:'Tajawal' !important; cursor:pointer; margin:6px !important;
  transition:0.2s;
}
.selectCode:hover{background: linear-gradient(135deg,#f9e7a0,#d4af37) !important; color:#0a1931 !important;}

/* === الاقتباس QUOTE - ملكي سداسي === */
.quote, .cont_quote, blockquote{
  background: linear-gradient(to left, rgba(255,255,255,0.04), rgba(255,255,255,0.02)) !important;
  border:0 !important; border-right:3px solid #d4af37 !important; border-left:1px solid rgba(212,175,55,0.15) !important;
  border-top:1px solid rgba(255,255,255,0.05) !important; border-bottom:1px solid rgba(255,255,255,0.05) !important;
  border-radius:12px 0 0 12px !important; margin:12px 0 !important; padding:0 !important; overflow:hidden !important;
  position:relative !important; box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;
}
.quote::before, .cont_quote::before{
  content:'\f10d اقتباس'; font-family:'Font Awesome 6 Free','Tajawal'; font-weight:900;
  display:block; background: linear-gradient(to left, rgba(212,175,55,0.12), transparent);
  color:#d4af37; padding:8px 16px; font-size:11px; font-weight:800; border-bottom:1px solid rgba(212,175,55,0.1);
}
.quote div, .cont_quote div, blockquote div{
  padding:14px 18px !important; color:rgba(255,255,255,0.75) !important; font-size:12px !important; line-height:1.8 !important;
  position:relative;
}
.quote div::before{
  content:''; position:absolute; top:12px; right:-6px; width:28px; height:32px;
  background: linear-gradient(135deg,#f9e7a0,#d4af37); clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  opacity:0.15;
}

/* داخل المواضيع */
.postbody .quote, .postbody .code{margin:14px 0 !important;}

/* تحديد النص العادي بلون ذهبي خفيف */
::selection{background: rgba(212,175,55,0.3); color:#fff;}
::-moz-selection{background: rgba(212,175,55,0.3); color:#fff;}






/* === تصميم موحد لكل موديولات الإحصائيات - ذهبي سداسي === */
/* === أفقي نفس العرض - ارتفاع نصف فقط - بدون مربع === */
table.mod-viewed, table.mod-active, table.mod-starters{
  background: linear-gradient(to bottom, #0e1f3f, #0a1931)!important;
  border:none!important; /* إلغاء المربع */
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 8px 24px rgba(0,0,0,0.2)!important;
  width:98%!important; max-width:1600px!important; margin:10px auto!important;
  font-family:'Tajawal',sans-serif!important; border-spacing:0!important; display:table!important;
  height:150px!important; max-height:150px!important;
}
table.mod-viewed .catLeft, table.mod-active .catLeft, table.mod-starters .catLeft{
  background: linear-gradient(135deg, #f9e7a0, #d4af37)!important;
  padding:8px 14px!important; display:flex!important; align-items:center!important; gap:8px!important; border:none!important; height:36px!important;
}
table.mod-viewed .catLeft .module-title,
table.mod-active .catLeft .module-title,
table.mod-starters .catLeft .module-title{
  color:#0a1931!important; font-family:'Reem Kufi'; font-size:12px!important; font-weight:800!important;
}
table.mod-viewed tr:last-child td,
table.mod-active tr:last-child td,
table.mod-starters tr:last-child td{
  height:114px!important; max-height:114px!important; overflow-y:auto!important; display:block!important;
  padding:6px!important; border:none!important;
}
table.mod-viewed tr:last-child td::-webkit-scrollbar,
table.mod-active tr:last-child td::-webkit-scrollbar,
table.mod-starters tr:last-child td::-webkit-scrollbar{width:5px;}
table.mod-viewed tr:last-child td::-webkit-scrollbar-thumb,
table.mod-active tr:last-child td::-webkit-scrollbar-thumb,
table.mod-starters tr:last-child td::-webkit-scrollbar-thumb{background:#d4af37; border-radius:10px;}
/* === 3 موديولات أفقي جنب بعض بعرض المنتدى الكامل === */





/* ==========================================
   ملائمة الشاشات - تصميم أميره صمتي السداسي
   ========================================== */

/* --- تابلت وما تحت 1100px --- */
@media(max-width:1100px){
  .taq-cat-wrapper, .forumline.mod-viewed, .forumline.mod-active, .forumline.mod-starters, .taq-top-bar, .taq-bottom-grid{
    width:99%!important; max-width:99%!important; margin:10px auto!important;
  }
  .taq-cat-stats-head{min-width:320px!important;}
  .taq-cat-stats-head span:nth-child(3){min-width:160px!important; margin-right:8px!important;}
  .taq-lastpost{min-width:160px!important; max-width:160px!important;}
}

/* --- جوال كبير وتابلت صغير 900px --- */
@media(max-width:900px){
  /* إخفاء عناوين الإحصائيات فوق - لتوفير مساحة */
  .taq-cat-stats-head{display:none!important;}
 
  .taq-forum-flex{flex-wrap:wrap!important; gap:8px!important;}
  .taq-forum-flex > div:first-child{width:100%!important; flex:none!important;}
 
  .taq-stat-box{min-width:60px!important; padding:6px 4px!important; margin-left:6px!important;}
  .taq-stat-num{font-size:16px!important;}
 
  .taq-lastpost{width:100%!important; min-width:100%!important; max-width:100%!important; margin:6px 0 0 0!important;}
 
  .taq-top-bar-flex{flex-direction:column!important; align-items:flex-start!important; gap:8px!important;}
  .taq-top-bar .gensmall a{padding:4px 8px!important; font-size:10px!important;}
 
  /* موديولات أسفل المنتدى 2 عمود */
  .taq-bottom-grid{grid-template-columns: repeat(2, 1fr)!important; gap:10px!important;}
}

/* --- جوال متوسط 600px --- */
@media(max-width:600px){
  .taq-cat-head{height:auto!important; min-height:52px!important; padding:8px 0!important;}
  .taq-cat-head-inner{padding:0 12px!important; flex-wrap:wrap!important;}
  .taq-cat-title .cattitle, .taq-cat-head .cattitle a{font-size:14px!important;}
  .taq-cat-icon{width:30px!important; height:34px!important; font-size:13px!important;}
 
  .taq-forum-row td{padding:10px 8px!important;}
  .taq-forum-icon{width:50px!important; height:56px!important;}
  .taq-forumlink{font-size:13px!important;}
  .taq-forum-desc{font-size:10px!important;}
 
  .taq-stat-box{min-width:48%!important; margin:0!important; display:flex!important; flex-direction:row!important; justify-content:space-between!important; align-items:center!important; padding:8px 10px!important;}
  .taq-stat-box .taq-stat-label{margin:0!important;}
 
  /* موديولات أسفل المنتدى عمود واحد */
  .taq-bottom-grid{grid-template-columns:1fr!important;}
  .taq-mini-card{min-height:auto!important;}
  .taq-mini-body td.genmed a{font-size:11px!important; white-space:normal!important; line-height:1.4!important;}
 
  /* الكود والاقتباس */
  .code, .quote{margin:8px 0!important; border-radius:10px!important;}
  .code div, .quote div{padding:10px 12px!important; font-size:11px!important;}
}

/* --- جوال صغير جدا 400px --- */
@media(max-width:400px){
  .taq-cat-wrapper{width:100%!important;}
  .taq-forum-icon{width:42px!important; height:48px!important;}
  .taq-forumlink{font-size:12px!important;}
  .taq-stat-box{min-width:100%!important; margin-bottom:6px!important;}
  .taq-top-bar{border-radius:10px!important; padding:10px 12px!important;}
}

/* --- شاشات كبيرة 4K --- */
@media(min-width:1800px){
  .taq-cat-wrapper, .forumline.mod-viewed, .forumline.mod-active, .forumline.mod-starters{max-width:1700px!important;}
}

/* --- إصلاح سهم التمرير والتمرير العام --- */
html{scroll-behavior:smooth;}
body{overflow-x:hidden!important;}
.forumline{max-width:100%!important; box-sizing:border-box!important;}
* { box-sizing: border-box; }
img{max-width:100%; height:auto;}


#footer_widgets {
    display: flex;
    margin: 5px auto!important;
    width: 96%!important;
    max-width: 96%!important;
    background: linear-gradient(to bottom, #0e1f3f, #0a1931)!important;
    border: 1px solid rgba(212,175,55,0.18)!important;
    border-radius:14px!important;
    word-break: break-word;
    box-sizing:border-box!important;
}

المنتدى النسخه الثانيه
 
كود جافا اخر الاخبار
كود:
$(function getNews() {
    var lastNewsTitle = 'آخر الإبداعات',
        numberOfNews = '10';

    var box = document.createElement("DIV");
    box.id = "forumNewsCardsSection";
    box.innerHTML = `
        <div class="taq-news-head"><i class="fas fa-fire" style="color:#d4af37"></i> ${lastNewsTitle} <span class="taq-live">مباشر</span></div>
        <div class="taq-news-grid" id="cardsGridElement"><span class="loading-text">نستحضر الإبداع...</span></div>
    `;

    function loadDoc(c) {
        var feedUrl = "/feed?type=rss&_t=" + new Date().getTime();
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                var parser = new DOMParser(),
                    xml = parser.parseFromString(this.responseText, "text/xml"),
                    items = xml.querySelectorAll('item');
                var container = document.getElementById('cardsGridElement');
                container.innerHTML = '';

                var icons = [
                    '<i class="fas fa-crown"></i>',
                    '<i class="fas fa-rocket"></i>',
                    '<i class="fas fa-gem"></i>',
                    '<i class="fas fa-bolt"></i>',
                    '<i class="fas fa-star"></i>',
                    '<i class="fas fa-fire"></i>',
                    '<i class="fas fa-trophy"></i>',
                    '<i class="fas fa-lightbulb"></i>',
                    '<i class="fas fa-code"></i>',
                    '<i class="fas fa-magic"></i>'
                ];
                var badges = ['جديد','حصري','رائج','VIP','TOP','HOT','مميز','إبداع','ذهبي','ناري'];

                for (var i = 0; i < Math.min(items.length, c); i++) {
                    var title = items[i].querySelector('title')? items[i].querySelector('title').textContent : 'بدون عنوان';
                    var link = items[i].querySelector('link')? items[i].querySelector('link').textContent : '#';
                    var shortTitle = title.length > 38? title.substring(0,38)+'...' : title;

                    var card = document.createElement('a');
                    card.href = link;
                    card.className = 'taq-news-card';
                    card.innerHTML = `
                        <div class="taq-card-img">${icons[i % icons.length]}</div>
                        <div class="taq-card-info">
                            <span class="taq-card-badge">${badges[i % badges.length]}</span>
                            <span class="taq-card-title" title="${title}">${shortTitle}</span>
                        </div>
                    `;
                    container.appendChild(card);
                }
            }
        };
        xhttp.open("GET", feedUrl, true);
        xhttp.send();
    }

    var style = document.createElement('STYLE');
    style.innerHTML = `
        #forumNewsCardsSection{width:98%; max-width:1600px; margin:14px auto; direction:rtl; font-family:'Tajawal',sans-serif;}
       .taq-news-head{
            background: linear-gradient(to left, #0a1931, #122040); border:1px solid rgba(212,175,55,0.25);
            border-radius:12px 12px 0 0; padding:10px 16px; display:flex; align-items:center; gap:8px; flex-direction:row;
            font-family:'Reem Kufi'; font-size:15px; color:#d4af37; font-weight:700;
        }
       .taq-live{background:#ff3b3b; color:#fff; font-size:9px; padding:2px 6px; border-radius:10px; margin-right:8px;}
       .taq-news-grid{
            display:flex; gap:10px; flex-direction:row; overflow-x:auto; padding:12px;
            background: linear-gradient(to left, #0a1931, #122040, #1a2a4a);
            border:1px solid rgba(212,175,55,0.25); border-top:0; border-radius:0 0 12px 12px;
        }
       .taq-news-grid::-webkit-scrollbar{height:5px;}
       .taq-news-grid::-webkit-scrollbar-thumb{background:rgba(212,175,55,0.3); border-radius:10px;}

       .taq-news-card{
            min-width:190px; max-width:190px; height:92px; flex-shrink:0;
            background: rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08);
            border-radius:12px; padding:10px; display:flex; gap:10px; flex-direction:row; align-items:center;
            text-decoration:none!important; transition:0.2s;
        }
       .taq-news-card:hover{background: rgba(212,175,55,0.12); border-color: rgba(212,175,55,0.35);}

       .taq-card-img{
            width:44px; height:44px; border-radius:10px; flex-shrink:0;
            background: linear-gradient(135deg,#f9e7a0,#d4af37); display:flex; align-items:center; justify-content:center;
            color:#0a1931; font-size:18px;
        }
       .taq-card-info{display:flex; flex-direction:column; gap:4px; flex:1; overflow:hidden;}
       .taq-card-badge{background: rgba(212,175,55,0.15); border:1px solid rgba(212,175,55,0.25); color:#f9e7a0; font-size:9px; font-weight:800; padding:2px 6px; border-radius:8px; width:fit-content;}
       .taq-card-title{color:#fff!important; font-size:11px; font-weight:700; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
       .taq-news-card:hover.taq-card-title{color:#f9e7a0!important;}
       .loading-text{color:rgba(255,255,255,0.5); font-size:12px;}
    `;
    document.head.appendChild(style);

    setTimeout(function(){
        var target = document.querySelector('#page-body') || document.querySelector('.bodyline') || document.body;
        target.parentNode.insertBefore(box, target);
        loadDoc(numberOfNews);
    }, 400);
});
 
الازرار جافا بكل صفحات
كود:
$(function(){
  if($('#taqNavVb').length==0) return;

  var maps = {
    'forum': ['منتدى','مواضيع','مشاركات','جديدة','غير مجاب','نشطة','Today','Active','Unanswered'],
    'members': ['عضو','مجموعات','قائمة','Member','Groups','Userlist'],
    'explore': ['بحث','سؤال','تعليمات','اتصل','FAQ','Search','Calendar','التقويم'],
    'account': ['دخول','خروج','تسجيل','رسائل','لوحة','ملف','تحكم','Login','Register','Profile','Inbox','Privmsg']
  };

  $('#taqOriginalNav a.mainmenu').each(function(){
    var $orig = $(this);
    var txt = $orig.text().trim();
    if(txt.indexOf('الرئيسية')>-1) return; // تخطي الرئيسية لانها موجودة

    var $a = $orig.clone();
    $a.html($a.html().replace(/<img[^>]*>/g,'').trim());

    if(txt.indexOf('بحث')>-1) $a.prepend('<i class="fas fa-search"></i> ');
    else if(txt.indexOf('عضو')>-1) $a.prepend('<i class="fas fa-users"></i> ');
    else if(txt.indexOf('مجموعات')>-1) $a.prepend('<i class="fas fa-layer-group"></i> ');
    else if(txt.indexOf('تسجيل')>-1) $a.prepend('<i class="fas fa-user-plus"></i> ');
    else if(txt.indexOf('دخول')>-1) $a.prepend('<i class="fas fa-sign-in-alt"></i> ');
    else if(txt.indexOf('خروج')>-1) $a.prepend('<i class="fas fa-sign-out-alt"></i> ');
    else if(txt.indexOf('رسائل')>-1) $a.prepend('<i class="fas fa-envelope"></i> ');
    else if(txt.indexOf('لوحة')>-1) $a.prepend('<i class="fas fa-tachometer-alt"></i> ');
    else if(txt.indexOf('مواضيع')>-1) $a.prepend('<i class="fas fa-bolt"></i> ');
    else if(txt.indexOf('اتصل')>-1) $a.prepend('<i class="fas fa-headset"></i> ');
    else if(txt.indexOf('تعليمات')>-1) $a.prepend('<i class="fas fa-question-circle"></i> ');
    else $a.prepend('<i class="fas fa-link"></i> ');

    var placed = false;
    for(var cat in maps){
      for(var k=0;k<maps[cat].length;k++){
        if(txt.indexOf(maps[cat][k])>-1){
          $('#drop-'+cat).append($a); placed=true; break;
        }
      }
      if(placed) break;
    }
    if(!placed){ $('#drop-explore').append($a); }
  });

  $('.taq-vb-dropdown').each(function(){ if($(this).children().length==0){ $(this).parent().hide(); } });
});
 
لوحه دخول الاعظاء جافا كل الصفحات
كود:
$(function() {
    if (!$('#taq-fonts').length) {
        $('head').append('<link id="taq-fonts" href="https://fonts.googleapis.com/css2?family=Tajawal:wght@700;800;900&family=Reem+Kufi:wght@700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">');
    }

    var hour = new Date().getHours();
    var timeMsg = "ليلة سعيدة"; var timeIcon = '<i class="fas fa-moon"></i>';
    if (hour >= 5 && hour < 12) { timeMsg = "صباح الخير"; timeIcon = '<i class="fas fa-sun"></i>'; }
    else if (hour >= 12 && hour < 17) { timeMsg = "طاب نهارك"; timeIcon = '<i class="fas fa-cloud-sun"></i>'; }
    else if (hour >= 17 && hour < 21) { timeMsg = "طاب مساؤك"; timeIcon = '<i class="fas fa-star"></i>'; }

    var commonStyle = `
        <style>
        .taq-header-premium{width:98%; margin:15px auto; min-height:140px; background: linear-gradient(to left, #0a1931, #122040, #1a2a4a); border-radius:16px; border:1px solid rgba(212,175,55,0.25); position:relative; overflow:hidden; direction:rtl; font-family:'Tajawal',sans-serif; box-shadow:0 8px 30px rgba(0,0,0,0.4);}
        .taq-gold-line{position:absolute; top:0; left:0; right:0; height:2px; background: linear-gradient(to right, transparent, rgba(212,175,55,0.6), transparent);}
        .taq-wrap{position:relative; z-index:2; min-height:140px; padding:15px 20px; display:flex; align-items:center; justify-content:space-between; gap:15px;}
        .taq-logo-area{display:flex; align-items:center; gap:14px;}
        .taq-logo-circle{width:70px; height:70px; border-radius:50%; padding:2px; background: linear-gradient(135deg,#f9e7a0,#d4af37,#8a6d1b); flex-shrink:0;}
        .taq-logo-inner{width:100%; height:100%; border-radius:50%; background:#0c1a33; overflow:hidden; display:flex; align-items:center; justify-content:center;}
        .taq-logo-inner img{width:100%; height:100%; object-fit:cover;}
        .taq-title{font-family:'Reem Kufi'; font-size:22px; font-weight:700; background: linear-gradient(90deg,#f9e7a0,#d4af37); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
        .taq-sub{font-size:11px; color:rgba(255,255,255,0.7);}
        .taq-nav{display:flex; gap:8px;}
        .taq-nav a{height:36px; padding:0 18px; display:flex; align-items:center; gap:6px; clip-path: polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0% 50%); background:rgba(255,255,255,0.06); color:#fff; text-decoration:none; font-size:13px; font-weight:700; transition:0.3s;}
        .taq-nav a.active,.taq-nav a:hover{background: linear-gradient(#d4af37,#b8962e); color:#0a1931;}
        .taq-member{width:320px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); border-radius:14px; overflow:hidden; backdrop-filter: blur(10px);}
        .taq-member-top{padding:12px; display:flex; gap:10px; align-items:center;}
        .taq-avatar-hex{width:58px; height:58px; clip-path: polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%); background: linear-gradient(#f9e7a0,#d4af37); padding:2px; flex-shrink:0;}
        .taq-avatar-inner{width:100%; height:100%; clip-path: polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%); background:#0a1931; overflow:hidden; display:flex; align-items:center; justify-content:center;}
        .taq-avatar-inner img{width:100% !important; height:100% !important; object-fit:cover !important;}
        .taq-avatar-inner i{font-size:28px; color:#d4af37;}
        .taq-stats{font-size:11px; color:rgba(255,255,255,0.6); display:flex; gap:10px; margin-top:4px;}
        .taq-stats b{color:#f9e7a0;}
        .taq-progress{height:5px; background:rgba(255,255,255,0.1); border-radius:10px; margin-top:6px; overflow:hidden;}
        .taq-progress-bar{width:62%; height:100%; background: linear-gradient(to left,#d4af37,#f9e7a0);}
        .taq-buttons{margin-top:8px; display:flex; gap:6px;}
        .taq-btn{flex:1; height:32px; border-radius:20px; font-size:12px; font-weight:700; text-align:center; line-height:32px; text-decoration:none; display:block; cursor:pointer; border:0;}
        .taq-btn-gold{background: linear-gradient(#d4af37,#b8962e); color:#0a1931 !important; box-shadow:0 2px 10px rgba(212,175,55,0.3);}
        .taq-btn-dark{background:#0c1a33; border:1px solid rgba(212,175,55,0.3); color:#d4af37 !important;}
        .taq-login-inputs{display:flex; flex-direction:column; gap:8px; margin-top:8px;}
        .taq-input{width:100%; height:34px; background:rgba(0,0,0,0.3); border:1px solid rgba(212,175,55,0.2); border-radius:8px; padding:0 12px; color:#fff; font-family:'Tajawal'; font-size:12px; outline:none;}
        .taq-input:focus{border-color:#d4af37; box-shadow:0 0 0 2px rgba(212,175,55,0.15);}
        .taq-input::placeholder{color:rgba(255,255,255,0.4);}
        @media(max-width:900px){.taq-header-premium{height:auto;} .taq-wrap{flex-direction:column;}}
        </style>
    `;

    // === 1. كود بعد الدخول (للاعضاء المسجلين) ===
    if (window._userdata && _userdata.session_logged_in == 1) {
        var ud_n = _userdata["username"], ud_a = _userdata["avatar"], ud_p = _userdata["user_posts"];
        var ud_pts = _userdata["user_points"], ud_pm = _userdata["user_nb_privmsg"];

        var taqHtmlLogged = `
        ${commonStyle}
        <div class="taq-header-premium">
          <div class="taq-gold-line"></div>
          <div class="taq-wrap">
            <div class="taq-logo-area">
              <div class="taq-logo-circle"><div class="taq-logo-inner"><img src="https://i.servimg.com/u/f44/20/58/04/83/tech_e11.jpg" onerror="this.src='https://i.ibb.co/HT4J6y7k/tech-emblem-logo.png'"></div></div>
              <div><div class="taq-title">♥️ منتديات / تقنياتنا</div><div class="taq-sub">${timeIcon} ${timeMsg} يا <b style="color:#f9e7a0">${ud_n}</b></div></div>
            </div>
            <div class="taq-nav">
              <a href="/" class="active"><i class="fas fa-home"></i> الرئيسية</a>
              <a href="/memberlist"><i class="fas fa-users"></i> الأعضاء</a>
              <a href="/search"><i class="fas fa-search"></i> البحث</a>
            </div>
            <div class="taq-member">
              <div class="taq-member-top">
                <div class="taq-avatar-hex"><div class="taq-avatar-inner">${ud_a}</div></div>
                <div style="flex:1">
                  <div style="color:#fff; font-weight:800; font-size:14px;">${ud_n} <span style="background:#d4af37; color:#0a1931; font-size:9px; padding:2px 6px; border-radius:10px;">VIP</span></div>
                  <div class="taq-stats">
                    <span><i class="fas fa-coins" style="color:#d4af37"></i> <b>${ud_pts}</b> نقطة</span>
                    <span><i class="fas fa-comment-dots" style="color:#8aa8d8"></i> ${ud_p}</span>
                    <span><i class="fas fa-envelope" style="color:#00dbff"></i> ${ud_pm}</span>
                  </div>
                  <div class="taq-progress"><div class="taq-progress-bar"></div></div>
                  <div class="taq-buttons">
                    <a href="/privmsg?folder=inbox" class="taq-btn taq-btn-gold"><i class="fas fa-inbox"></i> البريد</a>
                    <a href="/login?logout=1&confirm=1" class="taq-btn taq-btn-dark"><i class="fas fa-sign-out-alt"></i> خروج</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        `;
        $('#my_dash_position').html(taqHtmlLogged);
    }
    // === 2. كود قبل الدخول (للزوار) - تصميم فخم بدون نقاط ===
    else {
        var taqHtmlGuest = `
        ${commonStyle}
        <div class="taq-header-premium">
          <div class="taq-gold-line"></div>
          <div class="taq-wrap">
            <div class="taq-logo-area">
              <div class="taq-logo-circle"><div class="taq-logo-inner"><img src="https://i.servimg.com/u/f44/20/58/04/83/tech_e11.jpg" onerror="this.src='https://i.ibb.co/HT4J6y7k/tech-emblem-logo.png'"></div></div>
              <div><div class="taq-title">منتديات تقنياتنا</div><div class="taq-sub">${timeIcon} ${timeMsg} - بوابة التقنية العربية • CODE ALLIANCE 2026</div></div>
            </div>
            <div class="taq-nav">
              <a href="/" class="active"><i class="fas fa-home"></i> الرئيسية</a>
              <a href="/memberlist"><i class="fas fa-users"></i> الأعضاء</a>
              <a href="/search"><i class="fas fa-search"></i> البحث</a>
            </div>
            <div class="taq-member">
              <div class="taq-member-top">
                <div class="taq-avatar-hex"><div class="taq-avatar-inner"><i class="fas fa-user"></i></div></div>
                <div style="flex:1">
                  <div style="color:#fff; font-weight:800; font-size:13px;"><i class="fas fa-door-open" style="color:#d4af37"></i> مرحبا بك زائرنا الكريم</div>
                  <div style="font-size:11px; color:rgba(255,255,255,0.5); margin-top:2px;">سجل دخولك للاستمتاع بكامل المزايا</div>
                  
                  <form action="/login" method="post" class="taq-login-inputs">
                    <input type="text" name="username" class="taq-input" placeholder="اسم العضو">
                    <input type="password" name="password" class="taq-input" placeholder="كلمة السر">
                    <div style="display:flex; gap:6px;">
                      <button type="submit" name="login" class="taq-btn taq-btn-gold" style="flex:1.5"><i class="fas fa-sign-in-alt"></i> دخول</button>
                      <a href="/register" class="taq-btn taq-btn-dark" style="flex:1"><i class="fas fa-user-plus"></i> تسجيل</a>
                    </div>
                  </form>

                </div>
              </div>
            </div>
          </div>
        `;
        $('#my_dash_position').html(taqHtmlGuest);
    }
});
 
الاقتباس وتحديد المحتوى للمواضيع بالجافا
كود:
$(function(){
  $('.code').each(function(){
    if($(this).find('.selectCode').length==0){
      $(this).prepend('<span class="selectCode"><i class="fas fa-copy"></i> تحديد المحتوى</span>');
    }
  });
 
  $(document).on('click', '.selectCode', function(){
    var $code = $(this).closest('.code').find('div, pre').get(0);
    if($code){
      var range = document.createRange();
      range.selectNodeContents($code);
      var sel = window.getSelection();
      sel.removeAllRanges();
      sel.addRange(range);
      $(this).html('<i class="fas fa-check"></i> تم التحديد').css({background:'linear-gradient(135deg,#00ff88,#00cc6a)', color:'#fff', borderColor:'#00ff88'});
      setTimeout(()=>{ $(this).html('<i class="fas fa-copy"></i> تحديد المحتوى').attr('style',''); },1500);
    }
  });
});
 
للمراجعه وطلبات التعديل راجعونا هنا
كود:
https://asdd.ahladalil.com/
ايضا تستطيعون اعلان منتدياتكم
اللي ما قدرتوا تنشروها بجوجال
في كتيب اسد بابل
نع تحيات اسد بابل للاعلان والمواقع المجانيه
الستايل من تصميمي بدون حقوق ولا شي
خلي اسمك واسم منتداك بيه
 
التعديل الأخير بواسطة المشرف:
  • Like
التفاعلات: Admin
سلام عليكم اخي الادمن المحترم
انا كتبت الموضوع والستايل
لاكن ان كنت تريد تعدل اي شي
في الموضوع فهذا من حقك
شكرا لاتاحه الفرصه لنا
والانظمام وتمكين الكتابه
ومراجعت منتداكم الجميل
شكرا للجميع ووفقك الله
الستايل ليس محول من منتدى اخر
يعني ستايل دائم بايقونات دائمه
ما فيه اي صور مصنعه او محمله على
استضافات تمسح الصور
عذا يعطيه ثباتا وشكلا مدى الحياه
لدي نسخ اخرى لاشكال اخرى فاتحه اللون
ان شاء الله احملها بوقت اخر
 
التعديل الأخير:
  • Like
التفاعلات: Admin
ابدعت صديقي
استايل ابداعي احترافي مليء بالخصائص والمزايا
منسق والوان موحدة
يعطيك العافية

مرفق بالتعليق صورة كاملة للاستايل لمن يرغب معاينته
بالتوفيق ان شاء الله​
 

المرفقات

  • tjrebe.yoo7.com_.webp
    tjrebe.yoo7.com_.webp
    205.7 KB · المشاهدات: 0
سلام عليكم اخي الادمن المحترم
انا كتبت الموضوع والستايل
لاكن ان كنت تريد تعدل اي شي
في الموضوع فهذا من حقك
شكرا لاتاحه الفرصه لنا
والانظمام وتمكين الكتابه
ومراجعت منتداكم الجميل
شكرا للجميع ووفقك الله
الستايل ليس محول من منتدى اخر
يعني ستايل دائم بايقونات دائمه
ما فيه اي صور مصنعه او محمله على
استضافات تمسح الصور
عذا يعطيه ثباتا وشكلا مدى الحياه
لدي نسخ اخرى لاشكال اخرى فاتحه اللون
ان شاء الله احملها بوقت اخر

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

رأيك جزء من المعرفة.

أضف تجربتك أو سؤالك، فالنقاش يكمل الفكرة.

في هذا الموضوع

صاحب النقاش

معرفة تكبر بالنقاش

وجدت معلومة مفيدة؟ أضف تجربتك أو سؤالك ليساعد النقاش أعضاء آخرين.

أكمل رحلتك

كود النسر اللماسي للاعظاء والرتب التسلسليهModernBB vs. AwesomeBB: أيّ إصدار يناسب منتداك؟كود شريط اشعارات متطور للاحلى منتدى ( تجربة...)
عودة
أعلى