خاص بأزرار التصفح

أريد حذف أزرار التصفح من الرئيسية و أريد جعلهم في مكان واحد مثلا نسميه " أزرار التصقح " وعندما تمر الفأرة على هذا المكان تنسدل قائمة بها كل الأزرار


كود تومبيلات إن وجد 


شكرا

رابط منتداك ونُسخته + ضع لي الأزرار التي تودها تظهر للأعضاء فقط والأزرار التي تودها نظهر للزوار فقط.

شوف هنا
https://help.ahlamontada.com/t1078991-topic

شوف هنا
https://help.ahlamontada.com/t1078991-topic

رابط منتداك: http://quoiquecesoit.ahlamountada.com/


 ونُسخته: 3
ضع لي الأزرار التي تودها تظهر للأعضاء فقط :
الرئيسية اليومية مكتبة الصور س .و .ج بحـث قائمة الاعضاء المجموعات البيانات الشخصية الرسائل الخاصة خروج

والأزرار التي تودها نظهر للزوار فقط.
الرئيسية اليومية مكتبة الصور س .و .ج بحـث قائمة الاعضاء لمجموعات التسجيل دخول

jar7 لم ينجح الأمر

شكرا

؟

أعتذر منك, دخولي مُتقطع ولاكن لا تقلق سأعمله لك حال انتهائي من اشياء اخرى..

إن شاء الله أخي

لا تقلق 

على راحتك 

شكرا

حسنآ عدلت لك وحد خاص, ولاكن فلتخبرني الألوان التي تُريد تغييرها.
ادخل الى:
لوحة الإدارة>>مظهر المنتدى>>التومبلايتات والقوالب>>إدارة عامه:
overall_header
وابحث عن:

الكود:

<ul class="linklist navlinks{NAVBAR_BORDERLESS}">
         <li>{GENERATED_NAV_BAR}</li>
         </ul>

واستبدله بهذا:

الكود:

<style>
    #mbt-menu, #mbt-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    #mbt-menu {
    width: 116px;
    margin: 60px auto;
    border: 1px solid #000;
    background-color: #333;
    background-image: -moz-linear-gradient(#800000, #333);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#800000));
    background-image: -webkit-linear-gradient(#333, #800000);
    background-image: -o-linear-gradient(#800000, #999);
    background-image: -ms-linear-gradient(#333, #800000);
    background-image: linear-gradient(#800000, #333);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 1px #777;
    -webkit-box-shadow: 0 1px 1px #777;
    box-shadow: 0 1px 1px #777;
    }
    #mbt-menu:before,
    #mbt-menu:after {
    content: "";
    display: table;
    }
    #mbt-menu:after {
    clear: both;
    }
    #mbt-menu {
    zoom:1;
    }
    #mbt-menu li {
    float: right;
    border-right: 1px solid #222;
    -moz-box-shadow: 1px 0 0 #444;
    -webkit-box-shadow: 1px 0 0 #444;
    box-shadow: 1px 0 0 #444;
    position: relative;
    }
    #mbt-menu a {
    float: right;
    padding: 12px 30px;
    color: #FFFF00;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
    }
    #mbt-menu li:hover > a {
    color: #fff;
    }
    *html #mbt-menu li a:hover { /* IE6 only */
    color: #000;
    }
    #mbt-menu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 9999;
    background: #444;
    background: -moz-linear-gradient(#800000, #999);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#333, #800000);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    }
    #mbt-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
    }
    #mbt-menu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
    }
    #mbt-menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    }
    #mbt-menu ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    #mbt-menu ul a {
    padding: 10px;
    width: 130px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    }
    #mbt-menu ul a:hover {
    background-color: #fff;
    background-image: -moz-linear-gradient(#800000, #000);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background-image: -webkit-linear-gradient(#04acec, #0186ba);
    background-image: -o-linear-gradient(#04acec, #0186ba);
    background-image: -ms-linear-gradient(#04acec, #0186ba);
    background-image: linear-gradient(#04acec, #0186ba);
    }
    #mbt-menu ul li:first-child > a {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    }
    #mbt-menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
    }
    #mbt-menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
    }
    #mbt-menu ul li:first-child a:hover:after {
    border-bottom-color: #fff;
    }
    #mbt-menu ul ul li:first-child a:hover:after {
    border-right-color: #fff;
    border-bottom-color: transparent;
    }
    #mbt-menu ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    }
    </style>
<!--  BEGIN switch_user_logged_out  -->     
<ul id="mbt-menu">
                                      
   <li>
                          <a href="#">أزرار المنتدى</a>                   
      <ul>
                                            
         <li>
                            <a href="forum">الرئيسيه</a>               
         </li>
              
         <li>
                            <a href="calendar">اليوميه</a>               
         </li>
                                          
         <li>
                            <a href="gallery/index.htm">مكتبة الصور</a>               
         </li>
                                            
         <li>
                            <a href="faq">س.و.ج</a>               
         </li>
                                            
         <li>
                            <a href="search">ابحث</a>               
         </li>
              
         <li>
                            <a href="memberlist">قائمة الأعضاء</a>               
         </li>
            
         <li>
                            <a href="groups">المجموعات</a>               
         </li>
            
         <li>
                            <a href="register">التسجيل</a>               
         </li>
            
         <li>
                            <a href="login">دخول</a>               
         </li>
                                          
      </ul>
                                         
   </li>
                                              
</ul>
<!--  END switch_user_logged_out  -->
<!--  BEGIN switch_user_logged_in  -->     
<ul id="mbt-menu">
                                      
   <li>
                          <a href="#">أزرار المنتدى</a>                   
      <ul>
                                            
         <li>
                            <a href="forum">الرئيسيه</a>               
         </li>
              
         <li>
                            <a href="calendar">اليوميه</a>               
         </li>
                                          
         <li>
                            <a href="gallery/index.htm">مكتبة الصور</a>               
         </li>
                                            
         <li>
                            <a href="faq">س.و.ج</a>               
         </li>
                                            
         <li>
                            <a href="search">ابحث</a>               
         </li>
              
         <li>
                            <a href="memberlist">قائمة الأعضاء</a>               
         </li>
            
         <li>
                            <a href="groups">المجموعات</a>               
         </li>
            
         <li>
                            <a href="profile?mode=editprofile">البيانات الشخصيه</a>               
         </li>
            
         <li>
                            <a href="privmsg?folder=inbox">الرسائل الخاصه</a>               
         </li>
            
         <li>
                            <a href="login?logout">خروج</a>               
         </li>
                                            
      </ul>
                                         
   </li>
                                              
</ul>
<!--  END switch_user_logged_in  -->

بارك الله فيك يا غالي

ل
بالنسبة للألوان : يعني تدرجات اللون الأزرق التي تناسب المنتدى

أما التوضيحات الأخرى فهي في الصورة:


شكرا

ممكن تبعث لي بيانات المُنشئ لأعملها وفقآ لمظهر منتداك..

تم الإرسال

المرجوا منك المُعاينة الأن

هل يمكن جعل كلمة ( أزرار التصفح ) صفراء ؟؟

تم حل مشكلة اللون

الآن:

؟

؟

؟

قالب overal_header
للتعديل

الكود:

<!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>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <script src="http://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="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/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() {

        $('#fa_ticker_content').css('display','block');

        var width_max = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});

        if (width_max > 0)
        {
            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).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);
              }
            });

            if (slid_vert)
            {
              var height_max = h_perso;

              $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                    height_max = $(this).height();
                  }
              } );

              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
              $('ul#fa_ticker_content li').height(height_max);
            }


            $('#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}
  <style type="text/css">
  #page-footer, div.navbar, div.navbar ul.linklist {
  display: block !important;
  }
  ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
  display: inline !important;
  }

  <!-- BEGIN switch_ticker_new -->
  .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;
  }
  <!-- END switch_ticker_new -->
  </style>
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
      var _gaq = _gaq || [];
      _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
      _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

      (function() {
        var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
        ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
        var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
      })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
</head>

<body id="phpbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
  <h1><img src="http://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="http://{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;">
  <div class="h3">{SITENAME}</div>
  {LOGIN_POPUP_MSG}
  <div id="login_popup_buttons">
      <form action="{S_LOGIN_ACTION}" method="get">
        <input type="submit" class="button1" value="{L_LOGIN}" />
        <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
        <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
      </form>
  </div>
</div>
<!-- END switch_login_popup -->

<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
  <a id="top" name="top" accesskey="t"></a>
  {JAVASCRIPT}

  <div id="page-header">
      <div class="headerbar">
        <div class="inner"><span class="corners-top"><span></span></span>

        <div id="logo-desc">
            <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
            <!-- BEGIN switch_h1 -->
            <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
            <!-- END switch_h1 -->
            <!-- BEGIN switch_desc -->
            <p></p>
            <!-- END switch_desc -->
        </div>

        <span class="corners-bottom"><span></span></span></div>
      </div>

     


      <style>
    #mbt-menu, #mbt-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    #mbt-menu {
    width: 116px;
    margin: 60px auto;
    border: 1px solid #000;
    background-color: #333;
    background-image: -moz-linear-gradient(#4552C7, #333);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#800000));
    background-image: -webkit-linear-gradient(#333, #4552C7);
    background-image: -o-linear-gradient(#4552C7, #999);
    background-image: -ms-linear-gradient(#333, #4552C7);
    background-image: linear-gradient(#4552C7, #333);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 1px #777;
    -webkit-box-shadow: 0 1px 1px #777;
    box-shadow: 0 1px 1px #777;
    }
    #mbt-menu:before,
    #mbt-menu:after {
    content: "";
    display: table;
    }
    #mbt-menu:after {
    clear: both;
    }
    #mbt-menu {
    zoom:1;
    }
    #mbt-menu li {
    float: right;
    border-right: 1px solid #222;
    -moz-box-shadow: 1px 0 0 #444;
    -webkit-box-shadow: 1px 0 0 #444;
    box-shadow: 1px 0 0 #444;
    position: relative;
    }
    #mbt-menu a {
    float: right;
    padding: 12px 30px;
    color: #FFFB00;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
    }
    #mbt-menu li:hover > a {
    color: #fff;
    }
    *html #mbt-menu li a:hover { /* IE6 only */
    color: #000;
    }
    #mbt-menu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 9999;
    background: #444;
    background: -moz-linear-gradient(#800000, #999);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#333, #800000);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    }
    #mbt-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
    }
    #mbt-menu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
    }
    #mbt-menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    }
    #mbt-menu ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    #mbt-menu ul a {
    padding: 10px;
    width: 130px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    }
    #mbt-menu ul a:hover {
    background-color: #fff;
    background-image: -moz-linear-gradient(#800000, #000);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background-image: -webkit-linear-gradient(#04acec, #0186ba);
    background-image: -o-linear-gradient(#04acec, #0186ba);
    background-image: -ms-linear-gradient(#04acec, #0186ba);
    background-image: linear-gradient(#04acec, #0186ba);
    }
    #mbt-menu ul li:first-child > a {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    }
    #mbt-menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
    }
    #mbt-menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
    }
    #mbt-menu ul li:first-child a:hover:after {
    border-bottom-color: #fff;
    }
    #mbt-menu ul ul li:first-child a:hover:after {
    border-right-color: #fff;
    border-bottom-color: transparent;
    }
    #mbt-menu ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    }
    </style>
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
          <td align="right">
    <div align="right">
<!-- BEGIN switch_user_logged_out -->     
<ul id="mbt-menu">
                                     
  <li>
                          <a href="#">أزرار التصفح</a>                   
      <ul>
                                           
        <li>
                            <a href="forum">الرئيسية</a>               
        </li>
             
        <li>
                            <a href="calendar">اليومية</a>               
        </li>
                                         
        <li>
                            <a href="gallery/index.htm">مكتبة الصور</a>               
        </li>
                                           
        <li>
                            <a href="faq">س.و.ج</a>               
        </li>
                                           
        <li>
                            <a href="search">بحث</a>               
        </li>
             
        <li>
                            <a href="memberlist">قائمة الأعضاء</a>               
        </li>
           
        <li>
                            <a href="groups">المجموعات</a>               
        </li>
           
        <li>
                            <a href="register">التسجيل</a>               
        </li>
           
        <li>
                            <a href="login">دخول</a>               
        </li>
                                         
      </ul>
                                         
  </li>
                                             
</ul>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->     
<ul id="mbt-menu">
                                     
  <li>
                          <a href="#">أزرار التصفح</a>                   
      <ul>
                                           
        <li>
                            <a href="forum">الرئيسية</a>               
        </li>
             
        <li>
                            <a href="calendar">اليومية</a>               
        </li>
                                         
        <li>
                            <a href="gallery/index.htm">مكتبة الصور</a>               
        </li>
                                           
        <li>
                            <a href="faq">س.و.ج</a>               
        </li>
                                           
        <li>
                            <a href="search">بحث</a>               
        </li>
             
        <li>
                            <a href="memberlist">قائمة الأعضاء</a>               
        </li>
           
        <li>
                            <a href="groups">المجموعات</a>               
        </li>
           
        <li>
                            <a href="profile?mode=editprofile">البيانات الشخصية</a>               
        </li>
           
        <li>
                            <a href="privmsg?folder=inbox">الرسائل الخاصة</a>               
        </li>
           
        <li>
                            <a href="login?logout">خروج</a>               
        </li>
                                           
      </ul>
                                         
  </li>
                                             
</ul>
<!-- END switch_user_logged_in -->
            </div>
      </td>
          <td  align="left">

          <!-- BEGIN switch_search_box -->
        <div id="search-box">
            <form method="get" action="{ACTION_SEARCH}" id="search">
              <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
              {JS_SESSION_ID_INPUT}
              <input class="button2" type="submit" value="{L_SEARCH}" /></p>
            </form>
        </div>
        <!-- END switch_search_box -->

    </td>

      </tr>
    </table>
     
      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_blockD" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <span class="corners-top"><span></span></span>
                  <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>
              <span class="corners-bottom"><span></span></span>
            </div>
        </div>
      </div>
      <!-- END switch_ticker_new -->

      <!-- BEGIN switch_ticker -->
      <div id="fa_ticker_block" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <span class="corners-top"><span></span></span>
                  <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>
              <span class="corners-bottom"><span></span></span>
            </div>
        </div>
      </div>
      <!-- END switch_ticker -->

          <!--بدايه كود الدخول-->

        <!-- BEGIN switch_user_logged_out -->

     
            <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
              <table style="text-align: center; margin-center: auto;
margin-center: auto;" width="100%" border="1" cellpadding="1"
cellspacing="1">
    <tbody><tr>
    <td style="text-align: center;"><div style="border: medium
none; text-align: left; background-color: transparent; color: rgb(0, 0,
0); overflow: hidden; text-decoration: none;"><div
style="text-align: center;"><font style="color: black;"
face="Arial" size="4"><b> أهلا وسهلا بك زائرنا الكريم، اذا كانت
    هذه  زيارتك الأولى للمنتدى ، فيرجى التكرم بزيارة 
 صفح </b></font><font style="color: black;" face="Arial"
size="4"><b> ة التع </b></font><font style="color:
 black;" size="4"><span style="font-weight:
bold;"></span></font><font style="color: black;"
face="Arial" size="4"><b><span style="color:
black;"> ليمـات، </span><a style="color: Red;"
href="http://www.ibd3at.com/faq.htm"> بالضغط هنا</a><span
style="color: black;">.
    كما يشرفنا أن تقوم بالتسجيل</span><a style="color:
SeaGreen;"
href="../profile.forum?mode=register&amp;agreed=true&amp;step=2">
 بالضغط هنا
    </a><span style="color: black;">إذا</span>
<span style="color: blue;"><span style="color: black;"> رغبت
 بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع
    والإطلاع فتفضل بزيارة المواضيع التي 
 ترغب. </span></span></b></font><font
style="color: black;" face="Arial" size="4"><b><span
style="color: blue;"><span style="color:
red;"></span></span></b></font><br></div></div></td>
    </tr>
    </tbody></table>
      </tr>
      <tr>

    <tr>
    </table></td>
                    <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" height="34">
<tr>
<td align="center" background="http://i19.servimg.com/u/f19/19/12/22/06/tttttt10.jpg"></td>
</tr>
</table>
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">

          <form action="/login.forum?redirect=hهنا رقم الصفحة-page"
method="post" name="form_login"><div class="F_H_1"><div
class="F_H_2"></div><div
class="F_H_3"></div><div
class="F_H_4"></div></div>
    <div class="F_G_2"><div class="F_G_3">
            <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
          <td  class="row1" >
   
          <p align="right">
   
          <div class="nav"><a class="nav" href="{U_INDEX}">
            <img
src="http://i48.servimg.com/u/f48/12/78/95/70/hima110.gif"
class="inlineimg" alt="" border="0" height="15" width="15" />
{L_INDEX} </a>{NAV_CAT_DESC}</div>
        <img
src="http://i48.servimg.com/u/f48/12/78/95/70/hima10.gif" height="15"
width="30" /> {PAGE_TITLE} </strong>
    </p></td>
          <td width="100" class="row3">

       
            <table border="0" width="113%"  cellspacing="0" cellpadding="0" align="center">
                  <tr>
                      <td><span class="genmed"><img
src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif"></span>
 </td>
                      <td><input id="Post" type="text"
name="username" size="10" value="اسم العضو" onclick="if (this.value ==
'اسم العضو') this.value = '';" onblur="if (this.value == '') this.value =
 'اسم العضو';"> </td>
                      <td>
                        <input type="checkbox" name="autologin" checked="true">
                        <span span lang="ar-sa">حفظ البيانات؟</span>
                      </td>
                  </tr>

                  <tr>
                      <td><span class="genmed"><img
src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif"></span>
 </td>
                      <td><input id="Post" type="password"
name="password" size="10" value="" onclick="if (this.value == '')
this.value = '';" onblur="if (this.value == '') this.value = '';">
</td>
                      <td><input type="submit" class="mainoption" name="login" value="تسجيل الدخول" tabindex="104" >

    </td>


                  </tr>
                </table></td>
      </tr>
      <tr>
          <td colspan="2"><table border="0"  cellspacing="0" cellpadding="0" width="100%" bgcolor="#1c4199">
    <tr>

    <th nowrap="nowrap"  ><center><a
href="/">الرئيسية</a></th><th nowrap="nowrap"
><center><a href="/register"
>التسجيل</a></center></th><th nowrap="nowrap"
><center><a href="/profile?mode=sendpassword"  >فقدت كلمة
 المرور</a></center></th>
    <th nowrap="nowrap" ><center><a href="/search"
onclick="showhide(document.getElementById('search_menu')); return
false;"  rel="nofollow">البحث فى
المنتدى</a></center></th>

    <tr>
    </table></td>

      </tr>
    </table>
                    <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" height="34">
<tr>
<td align="center" background="http://i19.servimg.com/u/f19/19/12/22/06/untitl10.jpg"></td>
</tr>
</table>
    </div>
    </div>
    </div><div class="F_F_1"><div
class="F_F_2"></div><div
class="F_F_3"></div><div
class="F_F_4"></div></div>
        </form>
        <!-- END switch_user_logged_out -->

    <!-- BEGIN switch_user_logged_in -->
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" height="34">
<tr>
<td align="center" background="http://i19.servimg.com/u/f19/19/12/22/06/tttttt10.jpg"></td>
</tr>
</table>
    <tr>
    </table></td>
    <div class="F_H_1"><div
class="F_H_2"></div><div
class="F_H_3"></div><div
class="F_H_4"></div></div>
    <div class="F_G_2"><div class="F_G_3">


            <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
          <td  class="row1" >
   
        <div class="nav"><a class="nav" href="{U_INDEX}">
            <img
src="http://i48.servimg.com/u/f48/12/78/95/70/hima110.gif"
class="inlineimg" alt="" border="0" height="15" width="15" />
{L_INDEX} </a>{NAV_CAT_DESC}</div>
        <img
src="http://i48.servimg.com/u/f48/12/78/95/70/hima10.gif" height="15"
width="30" /> {PAGE_TITLE} </strong>
    </p></td>
          <td width="270" class="row3">
          <table border="0" width="100%"  cellspacing="0" cellpadding="0" align="center">

      <tr>
          <td >
         


    <span class="gensmall">
    {LOGGED_AS} <br />{CURRENT_TIME}<br />{LAST_VISIT_DATE}</span>

   






    </td>

      </tr>
    </table></td>
      </tr>
      <tr>
          <td colspan="2"><table border="0"  cellspacing="0" cellpadding="0" width="100%">
    <tr>

    <th nowrap="nowrap"  ><center><a
href="/">الرئيسية</a></th><th nowrap="nowrap"
><center><a href="/profile?mode=editprofile" >لوحة
التحكم</a></center></th><th nowrap="nowrap"
><center><a href="/privmsg?folder=inbox"  >الرسائل
الخاصة</a></center></th>
    <th nowrap="nowrap" ><center><a href="/search"
onclick="showhide(document.getElementById('search_menu')); return
false;"  >البحث</a></center></th>
    <th nowrap="nowrap"  ><center><a href="/login?logout=1">الخروج</a></th><th nowrap="nowrap"
    <tr>
    </table></td>

      </tr>
    </table>

    </div>
    </div>
    </div><div class="F_F_1"><div
class="F_F_2"></div><div
class="F_F_3"></div><div
class="F_F_4"></div></div>


                    <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" height="34">
<tr>
<td align="center" background="http://i19.servimg.com/u/f19/19/12/22/06/untitl10.jpg"></td>
</tr>
</table>
    <!-- END switch_user_logged_in -->
        <!--نهايه كود الدخول-->



  </div>

  <div id="page-body">

  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
      <div id="outer-wrapper">
        <div id="wrapper">
            <div id="container">
              <div id="content">

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

                  <div id="main">
                    <div id="main-content">

ممكن توضح ماذا  تريد بالضبط لان النت بطيئ عندى والصورة لا تظهر

أريد تصغير الارتفاع بين الواجهة و الإعلانات

أي الارتفاع المتواجد به أزرار التصفح و البحث

للمعاينة: هنا