منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

ارجو التعديل على كودر عمل نافبار اعلى الصفحة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف احمد يوسف احمد في الإثنين 11 أغسطس 2014 - 15:23

لقد قمت بوضع هذا الكود على منتداى الخاص وهو شغال تمام جدا

كود HTML لعمل نافبار جميل بدون تومبلايت من شرحي MoslimMasri

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




الكود المراد التعديل عليه


الرمز:


<div
 style="position: fixed; top: 0px; right: 0px; background: black; width:
 100%; color: #ECECEC; padding: 3px; z-index: 999;"> <div
id='cssmenu'>
<ul>
  <li class='active '><a href='your home'><span>الرئيسية</span></a></li>
  <li class='active '><a href='your forum'><span>المنتدى</span></a></li>
 
<li class='active '><a
href='your khas'><span>الرسائل
الخاصة</span></a></li>
  <li class='active has-sub '><a href='#'><span>روابط مهمة</span></a>
      <ul>
 
     <li class='active '><a
href='your a2daa'><span>قائمة
الاعضاء</span></a></li>
        <li
class='active '><a
href='your shakhsea'><span>البيانات
 الشخصية</span></a></li>
        <li><a href='your raf2'><span>مركز الرفع</span></a></li>
 
     <li><a
href='your blog'><span>المدونة</span></a></li>
      <li><a
href='your groups'><span>المجموعات</span></a></li>

      </ul>
  </li>
 
<li><a
href='your search'><span>ما
 الجديد ؟</span></a></li>
  <li><a
href='your mawade2'><span>مواضيع
 لم يتم الرد عليها</span></a></li>

</ul>
</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: 49px;
  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: 12px;
  line-height: 49px;
  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: 50%;
  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>



احمد يوسف احمد
 
 

ذكر
عدد المساهمات : 362
معدل النشاط : 2817

http://ahmed2010.dahek.net/index.htm

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف stones في الإثنين 11 أغسطس 2014 - 15:42

تفضل

الرمز:
<div style="position: fixed; top: 0px; right: 0px; background: black; width:
 90%; color: #ECECEC; padding: 3px; z-index: 999;">
<div id="cssmenu">
<ul>
   <li class="active "><a href="your home"><span>الرئيسية</span></a></li>
   <li class="active "><a href="your forum"><span>المنتدى</span></a></li>
   <li class="active "><a href="your khas"><span>الرسائل الخاصة</span></a></li>
   <li class="active has-sub "><a href="#"><span>روابط مهمة</span></a>
   <ul>
      <li class="active "><a href="your a2daa"><span>قائمة الاعضاء</span></a></li>
      <li class="active "><a href="your shakhsea"><span>البيانات الشخصية</span></a></li>
      <li><a href="your raf2"><span>مركز الرفع</span></a></li>
      <li><a href="your blog"><span>المدونة</span></a></li>
      <li><a href="your groups"><span>المجموعات</span></a></li>
   </ul>
   </li>
   <li><a href="your search"><span>ما الجديد ؟</span></a></li>
   <li><a href="your mawade2"><span>مواضيع لم يتم الرد عليها</span></a></li>
</ul>
</div>
</div>
<style type="text/css">#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
text-align: right;
font-weight: bold;
}
#cssmenu {
  height: 49px;
  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: 12px;
  line-height: 49px;
  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: 50%;
  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>

stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13481

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف احمد يوسف احمد في الإثنين 11 أغسطس 2014 - 17:02

الف شكر ليك اخى بس الكود المرسل لك من طرفى كود خام لم يجرى عليه التعديل

انا فقط اريد ان تعرفنى القيمه فقط الى بها استطيع تصغير ارتفاع  النافبار
ملاحظه هامه

انا جربت الكود بعد تعديلك اخى بس نفس الحجم هو هو لم يتغير شىء

احمد يوسف احمد
 
 

ذكر
عدد المساهمات : 362
معدل النشاط : 2817

http://ahmed2010.dahek.net/index.htm

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف stones في الإثنين 11 أغسطس 2014 - 17:07

تفضل


stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13481

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف احمد يوسف احمد في الثلاثاء 12 أغسطس 2014 - 14:49

الف شكر لكى تم عمل تغيير مقاس الارتفاع وجعلته على وضع الصفر  (0px) ولكن اريد تقليل الارتفاع اكثر قليل فهل بعد الصفر اى تصغير اخر اخى

احمد يوسف احمد
 
 

ذكر
عدد المساهمات : 362
معدل النشاط : 2817

http://ahmed2010.dahek.net/index.htm

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف Mahmoud Eslam في الثلاثاء 12 أغسطس 2014 - 14:52

اهلا بك اخى ,
ليس بعد الصفر غير السالب الى مالا نهايةة .. Arrow 

تحياتى لك   silent 

Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2909
معدل النشاط : 5145

http://help-pub.3oloum.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف stones في الثلاثاء 12 أغسطس 2014 - 15:54

تفضل
وغير على الشرح اعلاه
الرمز:
<div style="position: fixed; top: 100px; right: 0px; background: black; width:
 88%; color: #ECECEC; padding: 5px; z-index: 50;">
   
   <div id="cssmenu">
      
      <ul>
         
         <li class="active ">
             <a href="your home"><span>الرئيسية</span></a>
         </li>
         
         <li class="active ">
             <a href="your forum"><span>المنتدى</span></a>
         </li>
         
         <li class="active ">
             <a href="your khas"><span>الرسائلالخاصة</span></a>
         </li>
         
         <li class="active has-sub ">
             <a href="#"><span>روابط مهمة</span></a>
            <ul>
               
               <li class="active ">
                   <a href="your a2daa"><span>قائمةالاعضاء</span></a>
               </li>
               
               <li class="active ">
                   <a href="your shakhsea"><span>البيانات الشخصية</span></a>
               </li>
               
               <li>
                   <a href="your raf2"><span>مركز الرفع</span></a>
               </li>
               
               <li>
                   <a href="your blog"><span>المدونة</span></a>
               </li>
               
               <li>
                   <a href="your groups"><span>المجموعات</span></a>
               </li>
               
            </ul>
            
         </li>
         
         <li>
             <a href="your search"><span>ما الجديد ؟</span></a>
         </li>
         
         <li>
             <a href="your mawade2"><span>مواضيع لم يتم الرد عليها</span></a>
         </li>
         
      </ul>
      
   </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: 49px;
  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: 12px;
  line-height: 49px;
  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: 50%;
  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>

stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13481

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف احمد يوسف احمد في الأربعاء 13 أغسطس 2014 - 15:05

عبدالسلام 13 كتب:
اهلا بك اخى ,
ليس بعد الصفر غير السالب الى مالا نهايةة .. Arrow 

تحياتى لك   silent 


كيف اعملها اخى يعنى ايه سالب صفر

احمد يوسف احمد
 
 

ذكر
عدد المساهمات : 362
معدل النشاط : 2817

http://ahmed2010.dahek.net/index.htm

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف stones في الأربعاء 13 أغسطس 2014 - 15:08

حساب اقل من الصفر يبداء من واحد الى مالا نهاية

stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13481

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف احمد يوسف احمد في الأربعاء 13 أغسطس 2014 - 21:14

@stones كتب:حساب اقل من الصفر يبداء من واحد الى مالا نهاية

كيف الواحد اقل من الصفر مو فاهم اخى

احمد يوسف احمد
 
 

ذكر
عدد المساهمات : 362
معدل النشاط : 2817

http://ahmed2010.dahek.net/index.htm

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف stones في الخميس 14 أغسطس 2014 - 9:27

من فضلك هل حلت مشكلتك ام لا
لايمكن وضع الموضوع نقاش في مسئله
حسابية خارجة عن الموضوع

stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13481

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف احمد يوسف احمد في السبت 16 أغسطس 2014 - 13:38

لم تحل اخى انا بدى اقلل من قيمة ارتفاع الكود

احمد يوسف احمد
 
 

ذكر
عدد المساهمات : 362
معدل النشاط : 2817

http://ahmed2010.dahek.net/index.htm

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف stones في السبت 16 أغسطس 2014 - 14:33

ضع الكود الي تم التعديل عليه هناء
ليتم التعديل عليه
============
تم اعطاك الكود اعلاه شكله مناسب
لا ادري يمكن انت وضعت به رقم زود الارتفاع

stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13481

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف احمد يوسف احمد في الأحد 17 أغسطس 2014 - 15:21

ها هو الكود اخى من موقعى

الرمز:
<div style="position: fixed; top: 0px; right: 0px; background: black; width:
     45%; color: #ECECEC; padding: 0px; z-index: 999;">
 
 <div id="cssmenu">
 
 <ul>
 
 <li class="active ">
 <a href="http://ahmed2010.dahek.net/"><span>الرئيسية</span></a>
 </li>
 
 <li class="active ">
 <a href="http://ahmed2010.dahek.net/"><span>المنتدى</span></a>
 </li>
 
 <li class="active ">
 <a href="http://ahmed2010.dahek.net/privmsg?folder=inbox"><span>الرسائل الخاصة</span></a>
 </li>
 
 <li class="active has-sub ">
 <a href="#"><span>روابط مهمة</span></a>
 <ul>
 
 <li class="active ">
 <a href="http://ahmed2010.dahek.net/memberlist"><span>قائمة الاعضاء</span></a>
 </li>
 
 <li class="active ">
 <a href="http://ahmed2010.dahek.net/profile?mode=editprofile"><span>البيانات الشخصية</span></a>
 </li>
 
 <li>
 <a href="http://www.gulfup.com/"><span>مركز الرفع</span></a>
 </li>
 
 <li>
 <a href="http://dremsat.blogspot.com/"><span>المدونة</span></a>
 </li>
 
 <li>
 <a href="http://ahmed2010.dahek.net/groups"><span>المجموعات</span></a>
 </li>
 
 </ul>
 
 </li>
 
 <li>
 <a href="http://ahmed2010.dahek.net/search.forum?search_id=newposts"><span>ما الجديد ؟</span></a>
 </li>
 
 <li>
 <a href="http://ahmed2010.dahek.net/search.forum?search_id=unanswered"><span>مواضيع لم يتم الرد عليها</span></a>
 </li>
 
 </ul>
 
 </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: 49px;
      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: 12px;
      line-height: 49px;
      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: 50%;
      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>

احمد يوسف احمد
 
 

ذكر
عدد المساهمات : 362
معدل النشاط : 2817

http://ahmed2010.dahek.net/index.htm

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف stones في الأحد 17 أغسطس 2014 - 16:06

انت معدل عليه
تفضل
الرمز:
<div style="position: fixed; top: 0px; right: 0px; background: black; width:
    100%; color: #ECECEC; padding: 8px; z-index: 999;">
   
   <div id="cssmenu">
      
      <ul>
         
         <li class="active ">
             <a href="http://ahmed2010.dahek.net/"><span>الرئيسية</span></a>
         </li>
         
         <li class="active ">
             <a href="http://ahmed2010.dahek.net/"><span>المنتدى</span></a>
         </li>
         
         <li class="active ">
             <a href="http://ahmed2010.dahek.net/privmsg?folder=inbox"><span>الرسائل الخاصة</span></a>
         </li>
         
         <li class="active has-sub ">
             <a href="#"><span>روابط مهمة</span></a>
            <ul>
               
               <li class="active ">
                   <a href="http://ahmed2010.dahek.net/memberlist"><span>قائمة الاعضاء</span></a>
               </li>
               
               <li class="active ">
                   <a href="http://ahmed2010.dahek.net/profile?mode=editprofile"><span>البيانات الشخصية</span></a>
               </li>
               
               <li>
                   <a href="http://www.gulfup.com/"><span>مركز الرفع</span></a>
               </li>
               
               <li>
                   <a href="http://dremsat.blogspot.com/"><span>المدونة</span></a>
               </li>
               
               <li>
                   <a href="http://ahmed2010.dahek.net/groups"><span>المجموعات</span></a>
               </li>
               
            </ul>
            
         </li>
         
         <li>
             <a href="http://ahmed2010.dahek.net/search.forum?search_id=newposts"><span>ما الجديد ؟</span></a>
         </li>
         
         <li>
             <a href="http://ahmed2010.dahek.net/search.forum?search_id=unanswered"><span>مواضيع لم يتم الرد عليها</span></a>
         </li>
         
      </ul>
      
   </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: 49px;
      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: 12px;
      line-height: 49px;
      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: 50%;
      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>

stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13481

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف احمد يوسف احمد في الإثنين 18 أغسطس 2014 - 17:47

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

احمد يوسف احمد
 
 

ذكر
عدد المساهمات : 362
معدل النشاط : 2817

http://ahmed2010.dahek.net/index.htm

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ارجو التعديل على كودر عمل نافبار اعلى الصفحة

مُساهمة من طرف stones في الإثنين 18 أغسطس 2014 - 18:35

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

stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13481

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى