نافبار سهل التصفح مقدم من Dirty Code

الكود:


            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>


الكود:


<style>
   /* Begin Navigation Bar Styling */
   #nav {
      text-align:right;
      width: 100%;
      float: left;
      margin: 0 0 3em 0;
      padding: 0;
      list-style: none;
      background-color: #f2f2f2;
      border-bottom: 1px solid #ccc;
      border-top: 1px solid #ccc; }
   #nav li {
      text-align:right;
      float: right; }
   #nav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #069;
      border-right: 1px solid #ccc; }
   #nav li a:hover {
      color: #c00;
      background-color: #fff; }
   /* End navigation bar styling. */
  </style>

   <ul id="nav">
      <li><a href="/">الرئيسية</a></li>
      <li><a href="/search">البحث</a></li>
      <li><a href="/memberlist">الاعضاء</a></li>
      <li><a href="/contact">إتصل بنا</a></li>
<!-- BEGIN switch_user_logged_in -->
      <li><a href="/profile?mode=editprofile">البيانات الشخصية</a></li>
      <li><a href="/privmsg">رسائل خاصة</a></li>
      <li><a href="/login?logout">خروج</a></li>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
      <li><a href="/register">تسجيل</a></li>
      <li><a href="/login">دخول</a></li>
<!-- END switch_user_logged_out -->

   </ul>

اتمنى ان يعجبكم
,,

بارك الله فيك