أخي الكريم {USERNAME}
<!-- الهيدر كامل  --><div id="header-tr">

<!-- بداية شريط منطقة الاعضاء والبحث  --><div class="login-search">


<!-- منطقة الاعضاء -->
<if condition="$show['member']">
<!---الأعضاء--><div class="login-cp"><div class="usernameee">
<strong><phrase 1="$BBUSERINFO[USERNAME]" 2="member.php?$session[sessionurl]u=$BBUSERINFO[userid]"><br></phrase></strong>
</div>
<a href="usercp.php" target="_blank"><div class="controll"></div></a>
<a href="login.php?$session[sessionurl]do=logout&logouthash=$BBUSERINFO[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><div class="profilee"></div></a><div class="infoo">

        <if condition="$show['notifications']">
            <div><span id="notifications"> <strong></strong></span></div>
            <if condition="$show['popups']">
                <script type="text/javascript"> vBmenu.register("http://imazighan.ahlamontada.net/privmsg?folder=inbox"); </script>
            <else>
                <script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script>
                <script type="text/javascript"> vBulletin.register_control("vB_Notifications_NoPopups", "notifications");  </script>
            </else></if>
        <else><if condition="$show['pmstats']">
            <div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]"><br></phrase></div>
        </if></else></if>

        <if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]"><br></phrase></strong></div></if>


</div>
</div>
<else>
<!-- منطقة البحث --><div class="from-search">

                <form method="get" class="searchform" action="http://imazighan.ahlamontada.net/search?mode=searchbox&search_keyword">

                                        <input size="24" value="ادخل كلمة البحث..." name="s" onfocus="if(this.value=='ادخل كلمة البحث...'){this.value=''};" onblur="if(this.value==''){this.value='ادخل كلمة البحث...'};" class="text-search" type="text">
                                      <input title="ابدأ البحث" class="searchsubmit" value="" type="submit">
                                </form>

</div>
<!-- نهاية البحث -->


</else></if></div><div class="line-up-with-texts"> <!-- خط علوي مع روابط --><div class="logo"><img src="images/logo-haeder.gif" alt="ايمازيغان" border="0"></div> <!-- مساحة الشعار  -->

<!-- بداية روابط القائمة العامودية --><div class="texts-up"><div class="hedmenu">روابط تهمك</div>
<ul>
<li><a href="#" title="الرابط">الرابط</a></li>
<li><a href="#" title="الرابط">الرابط</a></li>
<li><a href="#" title="الرابط">الرابط</a></li>
</ul>
</div><!-- الروابط --><div class="texts-up"><!-- الروابط --><div class="hedmenu">روابط تهمك</div>
<ul>
<li><a href="#" title="الرابط">الرابط</a></li>
<li><a href="#" title="الرابط">الرابط</a></li>
<li><a href="#" title="الرابط">الرابط</a></li>
</ul>
</div>
<!-- نهاية روابط القائمة العامودية -->


</div>
 <!-- خط علوي مع روابط -->
 <!-- بداية الخط السفلي للروابط الافقية --><div class="line-dw-with-texts">

<!-- الروابط -->
<ul class="link-h">
<li class="hov-home"><a href="http://imazighan.ahlamontada.net" title="الرئيسية"><img src="http://www.greeneco411.com/images/icons/homeIcon.gif" alt="home" border="0" align="top"></a></li>
<li class="hov"><a href="#" title="الرابط">مركز الدروس <img src="http://i1094.photobucket.com/albums/i454/kingmazigh/SpryMenuBarDown.gif" alt="link" border="0"></a>
      <ul>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
      </ul>


</li>
<li class="hov"><a href="#" title="الرابط">ايمازيغان   <img src="images/SpryMenuBarDown.gif" alt="link" border="0"></a>
          <ul>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
      </ul>
</li>
<li class="hov"><a href="#" title="الرابط">ايمازيغان</a></li>
<li class="hov"><a href="#" title="ايمازيغان">ايمازيغان   <img src="http://i1094.photobucket.com/albums/i454/kingmazigh/SpryMenuBarDown.gif" alt="link" border="0"></a>
      <ul>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
        <li><a href="#">أمازيغ الجزائر</a></li>
      </ul>

</li>
<li class="hov"><a href="#" title="الرابط">ايمازيغان</a></li>

<li class="hov"><a href="#" title="الرابط">css    <img src="http://i1094.photobucket.com/albums/i454/kingmazigh/SpryMenuBarDown.gif" alt="link" border="0"></a>
<ul>
        <li><a href="#">css1</a></li>
        <li><a href="#">css2</a></li>
        <li><a href="#">css3</a></li>

</ul>
</li>

<li class="hov"><a href="#" title="الرابط">اتصل بنا</a></li>
        <if condition="$show['notifications']">

<li class="hov"><a href="#" title="التنبيهات الوارده">التنبيهات الوارده &nbsp;  <img src="http://i1094.photobucket.com/albums/i454/kingmazigh/SpryMenuBarDown.gif" alt="link" border="0"></a>


<ul>
        <li><a>أهلاً وسهلاً بكـ {USERNAME}</a></li>
        <li><a>يوجد في منطقة العضو تنبيهات جديده</a></li>

</ul>


    </li>



                        </if>
</ul>

</div>

</div>
<!-- الهيدر كامل  -->

#header-tr{
  background-color: #f1f1f1;
}
/*------الشريط العلوي للهيدر يضم القائمة العاموديةوالشعار-------*/

.line-up-with-texts{
    background:#F4F4F4 url('http://i1094.photobucket.com/albums/i454/kingmazigh/pghe2.gif') repeat-x right;
    height:130px;
}
/*------الشريط السفلي للهيدر يضم القائمة الافقية-------*/

.line-dw-with-texts{
    background:#0076A9 url('http://i1094.photobucket.com/albums/i454/kingmazigh/pgheader.gif') repeat-x right;
    height:35px;
    color:#ffffff;
    position:relative;
    border-bottom:2px #2A85B6 solid;



}
/*---------شعار الموقع-------*/

.logo{
    float:right;
}
/*---------بداية شريط العلوي للاعضاء والبحث-------*/

.login-search{
    height:35px;
background-color:#5B5A5A;
color:#fff;
border-bottom:1px #000 dotted;
}

/*---------بدايةالبحث-------*/

.from-search{
    float:left;
    position:relative;
    height:35px;
    width:319px;
    background:url('http://i1094.photobucket.com/albums/i454/kingmazigh/from-search.gif') no-repeat;
}
.text-search{
    position:absolute;
    left:78px;
    background: transparent;
    border:0px #989797 solid;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
    color:#656464;
    height:14px;
    top:6px;
    width:195px;
    padding:3px 2px 4px 0;


}
.searchsubmit{
    width:59px;
    height:24px;
    position:absolute;
    top:5px;
    background: transparent;
    border:0;
    left:12px;



}.searchsubmit:hover{

    background:url('http://i1094.photobucket.com/albums/i454/kingmazigh/search-enter-hover.gif') no-repeat;
    width:53px;
    height:24px;


}
/*---------منطقة الاعضاء-------*/

.login-cp{
    float:right;
    position:relative;
    height:35px;
    width:500px;
    background:url('http://i1094.photobucket.com/albums/i454/kingmazigh/login-cp.gif') no-repeat;

}
.usernameee{
    position:absolute;
    width:200px;
    right:30px;
    top:10px;
    color:#484747;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;

}
.usernameee a{
    color:#01719F;
}
.infoo{
    position:absolute;
    right:235px;
    top:10px;
    width:247px;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;

}
.infoo a{
    color:#FF0101;
}
/*---------قائمة الروابط العامودية-------*/

.texts-up{
    float:left;
    margin-left:10px;
    margin-top:15px;
    width:180px;

}
.texts-up ul{
    margin:0;
    padding:0;
    display:block;

}
.texts-up ul li{
    list-style:none;
    display:block;
    text-align:right;

}
.texts-up ul li a{
    display:block;
    font-family:Tahoma;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:2px 4px 3px;
    margin:2px;
    color:#3076A5 ;
    border-bottom:1px #D2D2D2  dotted;

}
.texts-up ul li a:hover{
    color:#F90510;
    text-decoration:underline;

}

.hedmenu{
  padding:3px;
  text-align:center;
  font-family:Tahoma;
  font-size:11px;
  font-weight:bold;
  background-color:#E8E7E7;
  color:#fff;
  height:22px;
      background: url('http://i1094.photobucket.com/albums/i454/kingmazigh/hedmenu.png') no-repeat ;

}
.hedmenu:hover{
      background: url('http://i1094.photobucket.com/albums/i454/kingmazigh/hedmenu-hover.png') no-repeat ;

}

/*------قائمة الروابط الافقية------*/


.link-h{
    float:right;
        height:30px;
    margin:0px;
    padding:0px;
width:100%;

}

.link-h li{
    float:right;
    list-style:  none;
    position:relative;

}
.link-h li a{
    display:block;
    font-family: Tahoma ;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    line-height:30px;
    padding:2px 15px 2px 15px;
    text-decoration:none;
    height:30px;
    border-left:1px #095C81 solid;
    border-right:1px #1B97C9 solid;

}
.link-h li a:hover{
    color:#fff;
}
.hov:hover a{
    color:#fff;

}
.hov:hover{
    background: url('http://i1094.photobucket.com/albums/i454/kingmazigh/pgheader-hover.gif') repeat-x right;
    height:35px;
   
}
.hov-home{
    background: url('http://i1094.photobucket.com/albums/i454/kingmazigh/pgheader-hover.gif') repeat-x right;
    padding-top:2px;
    margin-left:4px;
    margin-right:4px;

}

/*------بداية ظهور القوائم المنسدلة للقائمة الافقية------*/

.link-h li ul{
  position: absolute;
  right:-2px;
  display: none;
  top:35px;
  padding:0;
  width:230px;
  margin:0;

}
.link-h li:hover ul{
    display:block;
    border-left:1px solid #105C87;
    border-right:1px solid #105C87;
    border-bottom:1px  solid #105C87;
    background-color:#2F8ABA;


}
.link-h li li{
    text-align:right;

}
.link-h li li a{
    margin:1px 4px 1px 5px;
    width:190px;
    border-left:1px #105C87 solid;
    border-right:1px #105C87 solid;
    background-color:#2581B1;

}
.link-h li li a:hover{
    margin: 0;
    background: #479AC9;
    border-left:1px #267CAC solid;
    border-right:1px #267CAC solid;
    margin:1px 5px 1px 5px;

}