سؤال مهم !!!

النجم المساعد كتب:

الرجاء توضيح طلبك ودعمه بصوره

كما ازكر الاخوة الاعضاء بعدم الرد 

وتكرار الردوه الغير مجزيه 

النجم المساعد كتب:

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

الكود:

<!-- BEGIN disable_viewonline -->
 
   <!-- BEGIN switch_viewonline_link -->
   <div class="h3" id="title"><i class="fa fa-users" aria-hidden="true"></i>  <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->
 
   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3" id="title">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->
 
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
 
<div class="statistics">
  <div id="line-dashed">
  <table>
    <tr id="statistics-label">
      <td>
        <span class="text-statistics-info">المتواجدون الآن<br /><i class="fa fa-diamond" id="stat-icon"></i></span>
      </td>
      <td>
        <span class="text-statistics-info">أكبر تواجد<br /><i class="fa fa-pie-chart" id="stat-icon"></i></span>
      </td>
      <td>
        <span class="text-statistics-info">إجمالي الأعضاء<br /><i class="fa fa-users" id="stat-icon"></i></span>
      </td>
      <td>
        <span class="text-statistics-info">العضو الجديد<br /><i class="fa fa-user" id="stat-icon"></i></span>
      </td>
      <td>
        <span class="text-statistics-info">إجمالي المساهمات<br /><i class="fa fa-pencil-square-o" id="stat-icon"></i></span>
      </td>
    </tr>
    <tr id="statistics-number">
      <td>
        <div class="total-users-online" id="statistics-info"><span id="KH_total-online">{TOTAL_USERS_ONLINE}</span></div>
        </td>
      <td>
        <div class="recoed-users" id="statistics-info"><span id="KH_total-online">{RECORD_USERS}</span></div>
      </td>
      <td>
        <div class="total-users" id="statistics-info">{TOTAL_USERS}</div>
      </td>
      <td>
        <div class="newest-users" id="statistics-info">{NEWEST_USER}</div>
      </td>
      <td>
        <div class="statistics-in" id="statistics-info">{TOTAL_POSTS}</div>
      </td>
    </tr>
  </table>
  </div>
  <div class="logged-in-user-list">{LOGGED_IN_USER_LIST}<span id="KH_users-online">الزائرين المتواجدون الآن: Here</span>
    <div class="online-users">{L_ONLINE_USERS}</div>
    <div class="connected-users">{L_CONNECTED_MEMBERS}</div>
    </div>
<script type="text/javascript">('function'==typeof KH_show_visitors) && KH_show_visitors();</script>
    
  <!-- BEGIN switch_chatbox_activate -->
   <div class="page-bottom">
          <div id="chat-box">
   {TOTAL_CHATTERS_ONLINE} :
   {CHATTERS_LIST}        
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
    </div>
    </div>
 
    <div class="h3" id="title"><i class="fa fa-birthday-cake" aria-hidden="true"></i>  أعياد الميلاد</div>
  <div class="statistics">
    <div class="whosbirthday-today">{L_WHOSBIRTHDAY_TODAY}</div>
    <div class="whobirthday-week">{L_WHOSBIRTHDAY_WEEK}</div>
  </div>
  <div class="h3" id="title">
    <div></div>
  </div>
    <div class="statistics" id="fa_groups"> </div>
  </div>
<div class="clear"></div>
 
<!-- END disable_viewonline -->
 <style>
  .jory3 img:hover {
    opacity: 0.9;
}
  .jory3 img {
  margin:auto;
  }
</style>
<div align="center">


وهذا الخاص بصفحة البيانات والموضوع سويا

الكود:

<!-- 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}" />

                                            <!-- 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>{postrow.displayed.MESSAGE}</div>

وهذا الخاص بالرد السريع

الكود:

<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>

وهذا الخاص بالبيانات الشخصيه

الكود:

<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>
            </table>


وهناك الكثير اخى لا يوجد متسع من الوقت لزكرها
ارجو ان اكون قد وفقت فى ايصال المعلومه لك وارجو ان تكون ماتريد

الكود:

<!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 type="text/javascript">
        //<![CDATA[
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', '{G_ANALYTICS_ID}', 'auto');
    ga('send', 'pageview');
    ga('set', 'anonymizeIp', true);

    <!-- BEGIN google_analytics_code_bis -->
    ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
    ga('bis.send', 'pageview');
    ga('bis.set', 'anonymizeIp', true);
    <!-- END google_analytics_code_bis -->
    //]]>
    </script>
    <!-- END google_analytics_code -->

</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 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>
        </table>
    </div>
    <!-- END switch_login_popup -->

    <a name="top"></a>
    {JAVASCRIPT}
<!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="rtl" lang="ar">
<head>
 <!-- CSS Stylesheet -->
 <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/qugnllul13fkfzp/css.css" />
 <!-- / CSS Stylesheet -->
</head>
<body>
 <div class="h1">
 <object class="h2" data="https://dl.dropboxusercontent.com/s/6hobkxigzsuatoo/hd2.swf" style="width:1183px; height:720px;" type="application/x-shockwave-flash">
 <param name="wmode" value="transparent" />
 <param name="movie" value="https://dl.dropboxusercontent.com/s/6hobkxigzsuatoo/hd2.swf" />
 <param name="quality" value="High" />
 </object>
 <div class="h3"></div>
 </div>
 <!-- content table -->
 <!-- open content container -->
 <div align="center">
 <div class="page" style="width:100%; text-align:right">
 <div style="padding:0px 25px 0px 25px" align="right">
                           <!-- بداية كود انت غير مسجل -->
                           <style type="text/css">
 #topbar{
 position:absolute;
 border: 1px solid black;
 padding: 4px;
 background-color: white;
 width: 240px;
 visibility: hidden;
 z-index: 0;
 }
 </style>
                           <script type="text/javascript">
 var persistclose = 0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
                                var startX = 30 //set x offset of bar in pixels
                                var startY = 4 //set y offset of bar in pixels
                                var verticalpos = "fromtop" //enter "fromtop" or "frombottom"
                                
                                function iecompattest() {
                                    return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body
                                }
                                function get_cookie(Name) {
                                    var search = Name + "="
                                    var returnvalue = "";
                                    if (document.cookie.length > 0) {
                                        offset = document.cookie.indexOf(search)
                                        if (offset != -1) {
                                            offset += search.length
                                            end = document.cookie.indexOf(";", offset);
                                            if (end == -1) end = document.cookie.length;
                                            returnvalue = unescape(document.cookie.substring(offset, end))
                                        }
                                    }
                                    return returnvalue;
                                }
                                function closebar() {
                                    if (persistclose)
                                        document.cookie = "remainclosed=1"
                                    document.getElementById("topbar").style.visibility = "hidden"
                                }
                                function staticbar() {
                                    barheight = document.getElementById("topbar").offsetHeight
                                    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
                                    var d = document;
                                    function ml(id) {
                                        var el = d.getElementById(id);
                                        if (!persistclose || persistclose && get_cookie("remainclosed") == "")
                                            el.style.visibility = "visible"
                                        if (d.layers) el.style = el;
                                        el.sP = function(x, y) {
                                            this.style.left = x + "px";
                                            this.style.top = y + "px";
                                        };
                                        el.x = startX;
                                        if (verticalpos == "fromtop")
                                            el.y = startY;
                                        else {
                                            el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
                                            el.y -= startY;
                                        }
                                        return el;
                                    }
                                    window.stayTopLeft = function() {
                                        if (verticalpos == "fromtop") {
                                            var pY = ns ? pageYOffset : iecompattest().scrollTop;
                                            ftlObj.y += (pY + startY - ftlObj.y) / 8;
                                        } else {
                                            var pY = ns ? pageYOffset + innerHeight - barheight : iecompattest().scrollTop + iecompattest().clientHeight - barheight;
                                            ftlObj.y += (pY - startY - ftlObj.y) / 8;
                                        }
                                        ftlObj.sP(ftlObj.x, ftlObj.y);
                                        setTimeout("stayTopLeft()", 10);
                                    }
                                    ftlObj = ml("topbar");
                                    stayTopLeft();
                                }
                                if (window.addEventListener)
                                    window.addEventListener("load", staticbar, false)
                                else if (window.attachEvent)
                                    window.attachEvent("onload", staticbar)
                                else if (document.getElementById)
                                    window.onload = staticbar
 </script>
                           <p></p>
                           <center>
 <div id="topbar" style="border: 2px dashed rgb(8, 8, 8); position: absolute; left: 30px; top: 638px; width: 416px; background-color: rgb(8, 8, 8); visibility: hidden;" align="center">
                                           <a href="" onclick="closebar(); return false"><img src="http://www.wardah-des.com/vb/Style%20-%20warda-%202018/am.gif" align="Right" border="0" /></a>
                                           <p align="center"><img border="0" src="http://www.wardah-des.com/vb/Style%20-%20warda-%202018/reem.gif" width="350" height="200" /></p>
                                           <p align="center">&nbsp;<b><font face="Arial"><font color="#a60037" style="font-size: 14pt">ننتظر تسجيلك</font><span style="font-size: 14pt"></span> <a href="/register"><font color="#d1ba61" style="font-size: 14pt">هـنـا</font></a></font></b></p>
                                   </div>
 </center>
                           <!-- نهاية كود انت غير مسجل -->
 <!--بدايةالبنرات -->
                           <p></p>
                           <p></p>
 <p>&nbsp;</p>
 <table width="65%" cellpadding="0" cellspacing="0" border="0" align="center">
 <tbody>
                                           <tr>
                                                   <td>
 <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="right">
 <tbody>
                                                                           <tr>
                                                                                   <td class="thead" align="center">
 <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" scrolldelay="20" direction="right"><a href="/contact">« إعلانات المنتدى »</a></marquee>
                                                                                   </td>
                                                                           </tr>
 <tr>
                                                                                   <td class="alt1" align="right">
 <table border="0" width="100%" cellspacing="1"></table>
 <table border="0" width="100%" cellspacing="1">
 <tbody>
                                                                                                           <tr>
 <td width="41">&nbsp;</td>
 <td width="467">
 <table border="0" width="100%" cellspacing="1" cellpadding="0">
 <tbody>
                                                                                                                                           <tr>
 <td><a href="رابط"><img border="0" src="https://i.servimg.com/u/f23/19/84/13/17/p210.gif" width="160" height="60" /></a></td>
                                                                                                                                                   <td><a href="رابط"><img border="0" src="https://i.servimg.com/u/f23/19/84/13/17/p210.gif" width="160" height="60" /></a></td>
                                                                                                                                                   <td><a href="رابط"><img border="0" src="https://i.servimg.com/u/f23/19/84/13/17/p210.gif" width="160" height="60" /></a></td>
                                                                                                                                         </tr>
 </tbody>
                                                                                                                           </table>
 </td>
 <td width="460">
 <table border="0" width="100%" cellspacing="1" cellpadding="0">
 <tbody>
                                                                                                                                           <tr>
                                                                                                                                                   <td><a href="رابط"><img border="0" src="https://i.servimg.com/u/f23/19/84/13/17/p210.gif" width="160" height="60" /></a></td>
                                                                                                                                                   <td><a href="رابط"><img border="0" src="https://i.servimg.com/u/f23/19/84/13/17/p210.gif" width="160" height="60" /></a></td>
                                                                                                                                                   <td><a href="رابط"><img border="0" src="https://i.servimg.com/u/f23/19/84/13/17/p210.gif" width="160" height="60" /></a></td>
 </tr>
 </tbody>
                                                                                                                           </table>
 </td>
 <td>&nbsp;</td>
 </tr>
 <tr>
 <td width="41">&nbsp;</td>
                                                                                                                   <td width="467"><a href="رابط"><img border="0" src="https://i.servimg.com/u/f23/19/84/13/17/p110.gif" width="460" height="60" /></a></td>
                                                                                                                   <td width="460"><a href="رابط"><img border="0" src="https://i.servimg.com/u/f23/19/84/13/17/p110.gif" width="481" height="60" /></a></td>
 <td>&nbsp;</td>
 </tr>
 </tbody>
                                                                                           </table>
 </td>
                                                                           </tr>
                                                                   </tbody>
                                                           </table>
 </td>
                                                   <td background="Hajj/misc/bakborleft.gif" width="15"></td>
                                           </tr>
                                   </tbody>
                           </table>
                         <br />
 <!-- نهاية البنرات-->
 <br /><br />
 <div class="at1">
 <div class="at2"></div>
 <object class="at3" data="https://dl.dropboxusercontent.com/s/tfn2nnqqoeavzd2/naa3.swf" style="width:711px; height:226px;" type="application/x-shockwave-flash">
 <param name="wmode" value="transparent" />
 <param name="movie" value="https://dl.dropboxusercontent.com/s/tfn2nnqqoeavzd2/naa3.swf" />
 <param name="quality" value="High" />
 </object>
 </div>
 <div class="aya">
 <div class="ra1">
 <div class="ra2">
 <!-- breadcrumb, login, pm info -->
 <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
 <tr>
 <td class="alt1" width="100%">
 <div class="navbar" style="font-size:10pt"><a href="{U_INDEX}" accesskey="1"><img class="inlineimg" src="http://www.wardah-des.com/vb/Style%20-%20warda-%202018/misc/navbits_start.gif" alt="" border="0" /></a> <strong>{PAGE_TITLE}</strong></div>
 </td>
 <td class="alt2" nowrap="nowrap" style="padding:0px">
                                                                           <!-- BEGIN switch_user_logged_in -->
 {LOGGED_AS} <br />{CURRENT_TIME}<br />{LAST_VISIT_DATE}
                                                                          <br />
                                                                             <!--هاك التنبيهات - صادق الاحساس start -->
                                                                             <table border="0" height="25">
                                   <tbody>
                                                                                             <tr>
                                           <td><a href="{U_PRIVATEMSGS}"><img border="0" src="http://www.sham-alro7.com/vb/images/nif_9adq_ala7sas/newmasoff1.png" alt="الرسائل الخاصه" title="الرسائل الخاصه" /></a></td>
                                                                                                     <td><a href="/profile?mode=editprofile&page_profil=friendsfoes"><img border="0" src="http://www.sham-alro7.com/vb/images/nif_9adq_ala7sas/newrecon.png" alt="طلبات صداقه جديدة" title="طلبات صداقه جديدة" /></a></td>
                                                                                                     <td><a href="/profile?mode=editprofile"><img border="0" src="http://www.sham-alro7.com/vb/images/nif_9adq_ala7sas/newreoff.png" alt="التقييم" title="التقييم" /></a></td>
                                      </tr>
                                 </tbody>
                                                                             </table>
                                <!--هاك التنبيهات - صادق الاحساس end  -->
                                                                          <br />
                                                                             <!-- بداية كود مواضيعي ومشاركاتي -->
                                                                             <img border="0" src="https://i.servimg.com/u/f77/19/21/89/94/al3nkb10.gif" width="21" height="20" />
                                                                             <a href="{U_SEARCH_NEW}"><font color="#c90343">{L_SEARCH_NEW}</font></a>
                                                                             <font color="#ffffff"><img border="0" src="https://i.servimg.com/u/f77/19/21/89/94/al3nkb10.gif" width="21" height="20" />  </font>
                                                                             <a href="{U_SEARCH_SELF}"><font color="#c90343">{L_SEARCH_SELF}</font></a>
                                                                             <span lang="ar-sa"><font color="#41a317">&nbsp;<img border="0" src="https://i.servimg.com/u/f77/19/21/89/94/al3nkb10.gif" width="21" height="20" /></font></span>
                                                                             <a href="{U_SEARCH_UNANSWERED}"><span style="text-decoration: none"><font color="#c90343">مواضيع لم يرد عليها</font></span></a>
                                                                             <!-- / نهاية كود مواضيعي ومشاركاتي -->
 <!-- END switch_user_logged_in -->
 <!-- BEGIN switch_user_logged_out -->
                                                                           <form action="/login.forum?redirect=/" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
 <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=389"></script>
 <table cellpadding="0" cellspacing="3" border="0">
 <tr>
 <td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">اسم العضو</label></td>
 <td><input type="text" class="bginput" style="font-size: 11px" name="username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="اسم العضو" onfocus="if (this.value == 'اسم العضو') this.value = '';" /></td>
 <td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />حفظ البيانات؟</label></td>
 </tr>
 <tr>
 <td class="smallfont"><label for="navbar_password">كلمة المرور</label></td>
 <td><input type="password" class="bginput" style="font-size: 11px" name="password" id="navbar_password" size="10" tabindex="102" /></td>
 <td><input type="submit" class="button" name="login" value="تسجيل الدخول" tabindex="104" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." accesskey="s" /></td>
 </tr>
 </table>
 <input type="hidden" name="s" value="" />
 <input type="hidden" name="securitytoken" value="guest" />
 <input type="hidden" name="do" value="login" />
 <input type="hidden" name="vb_login_md5password" />
 <input type="hidden" name="vb_login_md5password_utf" />
 </form>
 <!-- END switch_user_logged_out -->
 </td>
 </tr>
 </table>
 <!-- / breadcrumb, login, pm info -->
 <!-- nav buttons bar -->
 <div class="tborder" style="padding:1px; border-top-width:0px">
 <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
 <tr align="center">
 <!-- BEGIN switch_user_logged_out -->
 <td class="vbmenu_control"><a href="/register" rel="nofollow">التسجيل</a></td>
 <td class="vbmenu_control"><a rel="help" href="/faq" accesskey="5">التعليمـــات</a></td>
 <td class="vbmenu_control"><a href="/search?search_id=unanswered">موآضـــيع لم يتم آلرد عليهآ</a></td>
                                                                                <td class="vbmenu_control"><a href="/search?search_id=newposts" accesskey="2">مشاركات اليوم</a></td>
                                                                                <td class="vbmenu_control"><a id="navbar_search" href="/search" accesskey="4" rel="nofollow">محرك البحث</a> </td>
                                                                                <!-- END switch_user_logged_out -->
                                                                                <!-- BEGIN switch_user_logged_in -->
                                                                                <td class="vbmenu_control"><a href="/">الرئيسية</a></td>
                                                                                <td class="vbmenu_control"><a href="/profile?mode=editprofile">لوحة التحكم</a></td>
                                                                                <td class="vbmenu_control"><a href="/memberlist" accesskey="5">الاعضاء</a></td>
                                                                                <td class="vbmenu_control"><a href="/search?search_id=newposts" accesskey="2">المشاركات الجديدة</a></td>
                                                                                <td class="vbmenu_control"><a id="navbar_search" href="/search" accesskey="4" rel="nofollow">محرك البحث</a> <script type="text/javascript"> vbmenu_register("navbar_search"); </script></td>
                                                                                <td class="vbmenu_control"><a href="{U_PRIVATEMSGS}" rel="nofollow">{PRIVATE_MESSAGE_INFO}</a><script type="text/javascript"> vbmenu_register("usercptools"); </script></td>
                                                                                <td class="vbmenu_control"><a rel="nofollow" href="{U_LOGIN_LOGOUT}" onclick="return log_out('هل أنت متأكد برغبتك في الخروج من المنتدى؟')">{L_LOGIN_LOGOUT}</a></td>
                                                                                <!-- END switch_user_logged_in -->
 </tr>
 </table>
 </div>
 <!-- / nav buttons bar -->
 </div>
 </div>
 </div>
 <div class="at4">
 <div class="at5"></div>
 <div class="at6"></div>
 </div><br />
                           <!-- BEGIN switch_user_logged_out -->
 <div class="at1">
 <div class="at2"></div>
 <object class="at3" data="https://dl.dropboxusercontent.com/s/tfn2nnqqoeavzd2/naa3.swf" style="width:711px; height:226px;" type="application/x-shockwave-flash">
 <param name="wmode" value="transparent" />
 <param name="movie" value="https://dl.dropboxusercontent.com/s/tfn2nnqqoeavzd2/naa3.swf" />
 <param name="quality" value="High" />
 </object>
 </div>
 <div class="aya">
 <div class="ra1">
 <div class="ra2">
 <!-- guest welcome message -->
 <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
 <tr><td class="tcat">أهلا وسهلا بك إلى {L_INDEX}.</td></tr>
 <tr>
 <td class="alt1">
                                                                           أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات،<a href="/faq"><strong> بالضغط هنا</strong></a>.
                                                                           كما يشرفنا أن تقوم <a href="/register" rel="nofollow"><strong>بالتسجيل بالضغط هنا</strong></a> إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.
 </td>
 </tr>
 </table>
 <!-- / guest welcome message -->
 </div>
 </div>
 </div>
 <div class="at4">
 <div class="at5"></div>
 <div class="at6"></div>
 </div><br />
                           <!-- END switch_user_logged_out -->
    <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
        <tr>
                <!-- 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="100%">
                                      <div id="center">
                                        <!-- BEGIN giefmod_index1 -->
                                        {giefmod_index1.MODVAR}
                                            <!-- BEGIN saut -->
                                            <div style="height:{SPACE_ROW}px"></div>
                                            <!-- END saut -->
                                        <!-- END giefmod_index1 -->
                                      </div>
                                  </td></tr><tr>
                                    <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
        </tr>
    </table>
</body>
</html>
<!-- END html_validation -->

النجم المساعد كتب:

انت عدلت على القالب الاصلى ولا لاء

النجم المساعد كتب:

طيب هات القالب هنا  index_box

الكود:

<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<style>.secondarytitle, .secondarytitle h2 {color: #FFF !important;}</style>
<br />
<div class="at1">
  <div class="at2"></div>
  <object class="at3" data="https://dl.dropboxusercontent.com/s/tfn2nnqqoeavzd2/naa3.swf" style="width:711px; height:226px;" type="application/x-shockwave-flash">
            <param name="wmode" value="transparent" />
            <param name="movie" value="https://dl.dropboxusercontent.com/s/tfn2nnqqoeavzd2/naa3.swf" />
            <param name="quality" value="High" />
  </object>
</div>
<div class="aya">
  <div class="ra1">
      <div class="ra2">
                    <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
            <tr>
              <td class="tcat" colspan="5">
                  <span style="width:70px;"><img onClick="i=0;e=this.parentNode.parentNode.parentNode.parentNode.childNodes;while(++i<e.length)if(e[i].tagName=='TR')e[i].style.display=(e[i].style.display=='none')?'':'none';this.src=(this.src=='https://i.servimg.com/u/f78/19/47/70/95/collap43.gif')?'https://i.servimg.com/u/f78/19/47/70/95/collap43.gif':'http://www.wardah-des.com//vb/Style%20-%20warda-%202018/buttons/collapse_tcat_collapsed.gif';"src="https://i.servimg.com/u/f78/19/47/70/95/collap43.gif"align="left"/></span>
                                            <center><div colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">  {catrow.tablehead.L_FORUM}  </div></center>
                                    </td>
            </tr>
                            <tr align="center">
              <td class="thead" width="5%"> </td>
              <td class="thead" align="right" width="45%">المنتدى</td>
              <td class="thead" width="20%">آخر مشاركة</td>
              <td class="thead" width="7%">المواضيع</td>
              <td class="thead" width="7%">المشاركات</td>
            </tr>
<!-- END tablehead --><!-- BEGIN cathead -->
<!-- BEGIN inc -->
            <tr align="center">
              <td style="padding:0;">
                  <div class="img">
                    <div class="top"></div>
                    <div class="med" width="46"><img src="{SPACER}" /></div>
<!-- END inc -->
                    <div class="down" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                        <h{catrow.cathead.LEVEL} class="hierarchy">
                          <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 align="center">
                                    <td class="alt2"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" border="0" id="forum_statusicon_2" /></td>
                                    <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}"/></td>
              <!-- END inc -->
              <td class="alt1Active" align="right" id="f2">
                  <div><a href="{catrow.forumrow.U_VIEWFORUM}"><strong>{catrow.forumrow.FORUM_NAME}</strong></a></div>
                  <div class="smallfont">{catrow.forumrow.FORUM_DESC}</div>
                                            <div class="smallfont"><!-- BEGIN switch_moderators_links -->{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}<!-- END switch_moderators_links --></div>
                                              <div class="smallfont">                                                  <div class="forumrow">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>


                          <script>


                                    $(function() {


          var sep = '/', max_by_line = 1;


          $('.forumrow').each(function() {


            var nth = 0;


            $('a.gensmall', this).each(function(){


              var next = this.nextSibling;


              if (next && next.nodeType == 3 && next.nodeValue == ", ") {


                if (++nth % max_by_line) $(next).replaceWith(sep);


                else $(next).replaceWith('<br>');


              }


            });


          });


        });


                            </script></div>


                          <script>


                                    $(function() {


          var sep = '/', max_by_line = 1;


          $('.forumrow').each(function() {


            var nth = 0;


            $('a.gensmall', this).each(function(){


              var next = this.nextSibling;


              if (next && next.nodeType == 3 && next.nodeValue == ", ") {


                if (++nth % max_by_line) $(next).replaceWith(sep);


                else $(next).replaceWith('<br>');


              }


            });


          });


        });


                            </script></div>
              </td>
              <td class="alt2">
                  <div class="smallfont" align="right">
                    <div>
                        <span style="white-space:nowrap">
                          <!-- BEGIN avatar -->
                          <span class="lastpost-avatar" id="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                          <!-- END avatar -->
                        </span>
                    </div>
                    <div style="white-space:nowrap">{catrow.forumrow.LAST_POST}</div>
                  </div>
              </td>
              <td class="alt1">{catrow.forumrow.TOPICS}</td>
              <td class="alt2">{catrow.forumrow.POSTS}</td>
            </tr>
<!-- END forumrow --><!-- BEGIN catfoot -->
            <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
            </tr>
<!-- END catfoot --><!-- BEGIN tablefoot -->
        </table><img src="{SPACER}" alt="" height="0" width="0" />
      </div>
        </div>
</div>
<div class="at4">
  <div class="at5"></div>
  <div class="at6"></div>
</div>
<!-- END tablefoot --><!-- END catrow -->