انفجار قنبله الموسم 2013 ناف بار

الان الناف بار الجديد ممكن يكون الكود بسيط بس جميل والله من صنعي
الكود هتميل وليس بالتومبيلات علشان كده الكود بسيط بس جميل
طريقه وضعه
لوحه الاداره
عناصر اضافيه
العناصر المستقله علي المنتدي
انشاء عنصر شخصي
بعد كده
اضف العنصر
ونروح ونشوف الصفحه الرئسيه
اه نسيت')" target="_blank" rel="nofollow">

ما تنسو تعدلو العنوين بعنونكم الشخصيه
الطريقه الثانيه
لوحه الاداره
عناصر اضافيه
اداره صفحات هتميل
اضف الكود وسجل
ولو وضعتوا الكود في هتميل
ما تعدلو العنوين

الكود:

<div style="position: fixed; top: 5px; right: 0px; background: black; width: 100%; color: #ECECEC; padding: 3px; z-index: 999;"> <div id='cssmenu'>
<ul>
  <li class='active '><a href='http://weka.lamuntada.com'><span>الرئيسية<img src="http://2img.net/i/fa/profile_from_20x20.png" ></span></a></li>

 <li class='active has-sub '><a href='#'><span>خدمه الرسائل▼</span></a>
      <ul>
       
        <li class='active '><a href='http://weka.lamuntada.com/privmsg?mode=post'><span>▼أنشاء رساله</span></a></li>
        <li><a href='http://weka.lamuntada.com/privmsg?folder=inbox'><span>الرسائل الوارده</span></a></li>
        <li></a></li>        <li><a href='http://weka.lamuntada.com/privmsg?folder=sentbox'><span>▼الرسائل المرسله</span></a></li>

      </ul>
 
<li class='active has-sub '><a href='#'><span>بيانتى▼</span></a>
      <ul>
        <li class='active '><a href='http://weka.lamuntada.com/profile?mode=editprofile'><span>▼تعديل البيانات الشخصية </span></a></li>
     
        <li><a href='http://weka.lamuntada.com/u1'><span>صفحه البينات المطوره</span></a></li> </li><li class='active '><a href='http://weka.lamuntada.com/memberlist'><span><img src="http://i70.servimg.com/u/f70/15/54/04/99/ooouo_13.png" >قائمة الاعضاء</span></a></li>

        <li></a></li> <li><a href='http://weka.lamuntada.com/groups'><span>▼المجموعات</span></a></li>
     
  <li><a href='http://weka.lamuntada.com/profile?mode=editprofile&page_profil=facebook'><span>▼دعوه الاصدقاء نت الفيس بوك </span></a></li>

      </ul>
  </li>

<li class='active has-sub '><a href='#'><span>الاقسام الفرعية▼</span></a>
      <ul>
        <li class='active '><a href='http://weka.lamuntada.com/f92-montada'><span>▼قوانين المنتدي</span></a></li>
        <li class='active '><a href='http://weka.lamuntada.com/f1-montada'><span>▼القسم الاسلامي والقراءن الكريم</span></a></li>
        <li><a href='http://weka.lamuntada.com/f18-montada'><span>قسم تحميل حلقات ناروتو اجزاء كامله</span></a></li>
        <li></a></li>        <li><a href='http://weka.lamuntada.com/f19-montada'><span>▼قسم مشاهده جميع اجزاء ناروتو</span></a></li>

      </ul>
  </li>
   
 
 
 <a href='http://weka.lamuntada.com/register'><span>؟<img src="http://i70.servimg.com/u/f70/15/54/04/99/oou_oo13.png" ></span></a></li>


<li class='active has-sub '><a href='#'><span>برامج المنتدي▼</span></a>
      <ul>
        <li><a href='http://wek2.forumegypt.net/h3-page'><span>فوتوشوب المنتدي؟<img src="http://i70.servimg.com/u/f70/15/54/04/99/110.gif" ></span></a></li>
     
        <li><a href='http://weka.lamuntada.com/h4-page'><span>مركز الرفع</span></a></li>
        <li></a></li> 
<li class='active '><a href='http://wek2.forumegypt.net/h2-page'><span><img src="http://i70.servimg.com/u/f70/15/54/04/99/ooouo_13.png" >برنامج صانع الاكواد ضع الكود وعدل عليه</span></a></li>
<li>
</ul>

<li class='active has-sub '><a href='#'><span>التسجيل السريع▼</span></a>
      <ul>
       
 <a href='http://weka.lamuntada.com/register'><span>؟<img src="http://i70.servimg.com/u/f70/15/54/04/99/oou_oo13.png" ></span></a></li>
     
      </ul>
  </li>

</div>
</div>
<Style>
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
text-align: right;
font-weight: bold;
}
#cssmenu {
  height: 40px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
  border-bottom: 2px solid #e00f16;
text-align: right;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
text-align: right;

}
#cssmenu a {
  background: #141414;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 20px;
  line-height: 40px;
  padding: 0 20px;
  text-decoration: none;
text-align: right;

}
#cssmenu ul {
  list-style: none;
text-align: right;

}
#cssmenu > ul {
  float: right;
text-align: right;

}
#cssmenu > ul > li {
  float: right;
text-align: right;

}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 60%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e00f16;
  margin-left: -10px;
text-align: right;

}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
text-align: right;

}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
text-align: right;

}
#cssmenu > ul > li.active > a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
text-align: right;

}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
text-align: right;

}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
text-align: right;

  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #e00f16;
  border-bottom: 1px dotted #ec6f73;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
text-align: right;

}
/* code brogramed by www.4egy.net*/
#cssmenu .has-sub ul li:hover a {
  background: #b00c11;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #b00c11;
  border-bottom: 1px dotted #d06d70;
text-align: right;

}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #80090d;
text-align: right;

}
</style>