كيف اعمل ناف بار

كيف اعمل ناف بار؟؟

انا اقصد مثل هذه

انت قلت لي اسمها ناف بار

بعد اذن المساعد,,

تفضلي...


حصريا نافبار جديد وبشكل مميزمطلوب من الكثير

انا ما اريد هذه انا اريد صورة البيت الصغير وكدة يعني

انظر للصورة جيدا

اين انتم

هذه اخر..

الكود مكون من شقين جزء يوضع في ورقة css والجزء الثاني يوضع في إعلانات خاصة

اولاً كود ورقة css

الكود:


/**
* vBulletin 3.8.7 CSS
* Style: 'Default Style'; Style ID: 1
*/
body
{
  background: #EBEBEB;
  color: #000000;
  font: blod 12pt arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
  margin: 5px 10px 10px 10px;
  padding: 0px;
}
a:link, body_alink
{
  color: #22229C;
}
a:visited, body_avisited
{
  color: #22229C;
}
a:hover, a:active, body_ahover
{
  color: #FF4400;
}
.page
{
  background: #FFFFFF;
  color: #000000;
  font-family: Times New Roman,;
}
td, th, p, li
{
  font: bold 14pt arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
.tborder
{
  background: #EBEBEB;
  color: #000000;
  font-family: arial;
  border: 1px solid #0B198C;
}
.tcat
{
  background: #869BBF url(images/gradients/gradient_tcat.gif) repeat-x top left;
  color: #FFFFFF;
  font: bold 12pt arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
  color: #ffffff;
  text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
  color: #ffffff;
  text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
  color: #FFFF66;
  text-decoration: underline;
}
.thead
{
  background: #5C7099 url(images/gradients/gradient_thead.gif) repeat-x top left;
  color: #FFFFFF;
  font: bold 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
  color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
  color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
  color: #FFFF00;
}
.tfoot
{
  background: #3E5C92;
  color: #E0E0F6;
  font-family: Times New Roman,;
}
.tfoot a:link, .tfoot_alink
{
  color: #E0E0F6;
}
.tfoot a:visited, .tfoot_avisited
{
  color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
  color: #FFFF66;
}
.alt1, .alt1Active
{
  background: #F5F5FF;
  color: #000000;
  font: 16pt arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
.alt2, .alt2Active
{
  background: #E1E4F2;
  color: #000000;
  font: blod 14pt Times New Roman,;
}
.inlinemod
{
  background: #FFFFCC;
  color: #000000;
  font-family: Times New Roman,;
}
.wysiwyg
{
  background: #F5F5FF;
  color: #000000;
  font: bold 16pt arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
  margin: 5px 10px 10px 10px;
  padding: 0px;text-align: center
}
.wysiwyg a:link, .wysiwyg_alink
{
  color: #22229C;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
  color: #22229C;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
  color: #FF4400;
}
textarea, .bginput
{
  font: bold 16pt arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
  font-size: 16pt;
  font-family: arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
.button
{
  font: 14px arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
select
{
  font: 14px arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
option, optgroup
{
  font-size: 14px;
  font-family: arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
.smallfont
{
  font: 14px arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
.time
{
  color: #666686;
  font-family: Times New Roman,;
}
.navbar
{
  font: blod 14px arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
}
.highlight
{
  color: #FF0000;
  font-family: Times New Roman,;
  font-weight: bold;
}
.fjsel
{
  background: #3E5C92;
  color: #E0E0F6;
}
.fjdpth0
{
  background: #F7F7F7;
  color: #000000;
}
.panel
{
  background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left;
  color: #000000;
  font-family: Times New Roman,;
  padding: 10px;
  border: 2px outset;
}
.panelsurround
{
  background: #D1D4E0 url(images/gradients/gradient_panelsurround.gif) repeat-x top left;
  color: #000000;
  font-family: Times New Roman,;
}
legend
{
  color: #22229C;
  font: blod 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
  background: #738FBF;
  color: #FFFFFF;
  font: bold 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  padding: 3px 6px 3px 6px;
  white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
  color: #FFFFFF;
  text-decoration: underline;
}
.vbmenu_popup
{
  background: #FFFFFF;
  color: #000000;
  font-family: Times New Roman,;
  border: 1px solid #0B198C;
}
.vbmenu_option
{
  background: #BBC7CE;
  color: #000000;
  font: 14px arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
  color: #22229C;
  text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
  color: #22229C;
  text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_hilite
{
  background: #8A949E;
  color: #FFFFFF;
  font: 14px arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
  color: #FFFFFF;
  text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 13px; }

ثانياً كود يوضع في إعلانات خاصة مع تعطيل خاصية تتابع الإعلانات ويبقا منفرداً دون وجود إعلان أخر

الكود:


<table class="tborder" cellpadding="4" cellspacing="1" border="0" width="100%" >
<tr>




 
  <td class="alt1" width="100%"<div class="navbar"
style="font-size:10pt"><a href="رابط منتداك هنــــا"
accesskey="1"><img
class="http://hitskin.com/themes/10/76/65/i_icon_minicat_new.gif"
src="http://hitskin.com/themes/10/76/65/i_icon_minicat_new.gif" alt=""
border="0" /></a> <strong>إسم منتداك
هنـــــــــــــــــا</strong></div>
     
  </td>

  <td class="alt2" nowrap="nowrap">
  <div align="center" class="smallfont">
      إسم المستخدم:<marquee behavior="alternate" direction="right">  {USERNAME}    </marquee>

      آخر زيارة لك كانت: <span class="time"> {USERLASTVISIT}  </span>

      <b>
أخر عضو مسجل:<marquee behavior="alternate" direction="right">  {FORUMLASTUSER}</marquee>

      <a href="رابط منتداك هنــــا/search?search_id=egosearch">
      <font size="3">مواضيعى</font></a><font size="3"> : </font>
 <a href=<رابط منتداك هنــــا/search?search_id=egosearch">

      <font size="3">ردودى</font></a></b>

     

     
  </div>
  </td>

  <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">

  <tr align="center">
     
        <td class="vbmenu_control"><a href="رابط منتداك هنــــا">الرئيسية</a></td>
     
     
     
      <td class="vbmenu_control"><a rel="help" href="رابط صفحة القوانين" accesskey="5">القوانين</a></td>
     
 
        <td class="vbmenu_control"><a id="community" href="رابط
 منتداك هنــــا/groups"="nofollow"
/groupsaccesskey="6">المجموعات</a> <script
type="text/javascript"> vbmenu_register("community");
</script></td>
     
      <td class="vbmenu_control"><a href="رابط مجلة المنتدي ">مجلة المنتدي</a></td>
     
       
           
 
          <td class="vbmenu_control"><a
href="http://mekkey.hooxs.com/search?search_id=newposts"
accesskey="2">المشاركات الجديدة</a></td>

           
 
          <td class="vbmenu_control"><a id="رابط منتداك
هنــــا/search" href="رابط منتداك هنــــا/search" accesskey="4"
rel="nofollow">البحث</a> <script type="text/javascript">
vbmenu_register("navbar_search"); </script></td>
       
       
 
          <td class="vbmenu_control"><a id="usercptools"
href="رابط التسجيل الخاص بمنتداك" accesskey="3">التسجيل</a>
<script type="text/javascript"> vbmenu_register("usercptools");
</script></td>
       
     
     
     
 
        <td class="vbmenu_control"><a href="رابط زر الخروج"
onclick="return log_out('هل أنت متأكد برغبتك في الخروج من
المنتدى؟')">تسجيل الخروج</a></td>
     
      </tr>
  </table>

</div>
<!-- / nav buttons bar -->








الكود بوظ الدنيا بالمنتدي

هذه بسبب تعارض بعض الاكواد

الكواد التالي..

الكود:

<!-- روابط بالنافبار -->
<div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:1px">
<tr align="center">
<td class="vbmenu_control"><a href="http://help.ahlamontada.com">شبكة الوداد الثقافية</a></td>     
<td class="vbmenu_control"><a href="http://help.ahlamontada.com">منتديات الوداد</a></td>
<td class="vbmenu_control"><a href="http://help.ahlamontada.com">دليل مواقع</a></td>
<td class="vbmenu_control"><a href="http://help.ahlamontada.com">تطوير المنتديات والمواقع</a></td>
<td class="vbmenu_control"><a href="http://help.ahlamontada.com">توبيكات</a></td>
<td class="vbmenu_control"><a href="http://help.ahlamontada.com">برامج</a></td>
</tr>
</table>
</div>

وانتي استبدلي الروابط والكلمات..