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

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


انشاء منتدى مجاني شبيه بهذا المنتدى

النافبار المتحرك

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

النافبار المتحرك

مُساهمة من طرف زائر في الأربعاء 29 يوليو 2015 - 8:05

السلام عليكم ورحمة الله وبركاته 

انا ركبت نافبار في منتداى 

لكنه لم يتحرك على عكس اشخاص اخرين مركبين نفس هذا النافبار 

ممكن طريقة جعله يتحرك 

وهذا هو كود النافبار 

الكود:
<!-- نافبار شيفو نت بداية -->
<ul  class="menu" >
  <li><a  href="http://shefo.0wn0.com/" alt="شيفو نت" title="الرئيسية"><img src="http://i18.servimg.com/u/f18/17/37/76/60/511.png" /></a></li>
        <li><a title="مكتبة الصور" href="http://shefo.0wn0.com/gallery//-cat_c1.htm" >مكتبة الصور</a></li>
        <li><a title="الاعضاء" href="#">الأعضاء  </a>
      <ul>
        <li><a title="قائمة الأعضاء" href="http://shefo.0wn0.com/memberlist" class="documents" > » قائمة الأعضاء  </a></li>
        <li><a title="أفضل 20 عضو" href="http://shefo.0wn0.com/memberlist?mode=overall_posters" class="messages" > » أفضل 20 عضو  </a></li>
        <li><a title="أفضل أعضاء اليوم" href="http://shefo.0wn0.com/memberlist?mode=today_posters" class="signout" > » أفضل أعضاء اليوم  </a></li>
      </ul>
 
    <li><a title="اسألة شائعة" href="http://shefo.0wn0.com/faq">اسألة شائعة</a></li>
  <li><a title="ما الجديد" href="http://shefo.0wn0.com/search.forum?search_id=newposts" class="documents" >ما الجديد  </a></li>
        <li><a title="خيارات سريعة" href="#"><img src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png" /></a>
      <ul>
        <li><a title="جميع مشاركاتي" href="http://shefo.0wn0.com/search.forum?search_id=egosearch" class="messages" > » جميع مشاركاتي  </a></li>
        <li><a title="مواضيع لم يرد عليها" href="http://shefo.0wn0.com/search.forum?search_id=unanswered" class="signout" > » مواضيع لم يرد عليها  </a></li>
                  <li><a title="#" href="#" class="signout" > » قريبا  </a></li>
      </ul>
  </li>
        <a>{GENERATED_NAV_BAR}</a>
</ul>

<style Type="Text/css">
/* Reset */
.menu,
.menu ul,
.menu li,
.menu a {margin: 0; padding: 0;  border: none; outline: none;}
 
/* Menu */
.menu {height: 42px; width: 100%; background: #2e2e2e;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);
  background: -moz-linear-gradient(top, #494949 0%,#202020 100%);
  background: -o-linear-gradient(top, #494949 0%,#202020 100%);
  background: -ms-linear-gradient(top, #494949 0%,#202020 100%);
  background: linear-gradient(top, #494949 0%,#202020 100%); }
.menu li {position: relative;  list-style: none; float: right;  display: block;  height: 40px;}
 
/* Links */
.menu li a {  display: block;  padding: 0 8px;  margin: 6px 0;  line-height: 30px;
  text-decoration: none;  border-left: 1px solid #393942;  border-right: 1px solid #161616;
  font-family: Tahoma;  font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}
.menu li:hover > a { color: #8fde62; }
 
/* Sub Menu */
.menu ul { position: absolute;  top: 40px; left: 0; opacity: 0;  background: #1f2024;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: opacity .25s ease .1s;
  -moz-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s; }
.menu li:hover > ul { opacity: 1;}
.menu ul li { height: 0; overflow: hidden; padding: 0;
  -webkit-transition: height .25s ease .1s;
  -moz-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s; }
.menu li:hover > ul li { height: 34px;  overflow: visible; padding: 0;}
.menu ul li a {width: 130px;  padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}
.menu ul li:last-child a { border: none; }
</style>
<!-- نافبار شيفو نت نهاية-->

بانتظاركم  Razz
avatar
زائر
زائر


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

رد: النافبار المتحرك

مُساهمة من طرف YasirAyad في الأربعاء 29 يوليو 2015 - 22:41

مرحباً بك عزيزي

كيف يعني متحرك ما فهمتك ؟
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12927
السُمعة : 295

http://yasirayad.com/

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

رد: النافبار المتحرك

مُساهمة من طرف YasirAyad في الأربعاء 29 يوليو 2015 - 22:47

اذا كان قصدك يتحرك مع الصفحه لما تنزل وتصعد لفوق تم تعديله 
تفضل
الكود:
 <!-- نافبار شيفو نت بداية -->
<ul  class="menu" >
  <li><a  href="http://shefo.0wn0.com/" alt="شيفو نت" title="الرئيسية"><img src="http://i18.servimg.com/u/f18/17/37/76/60/511.png" /></a></li>
        <li><a title="مكتبة الصور" href="http://shefo.0wn0.com/gallery//-cat_c1.htm" >مكتبة الصور</a></li>
        <li><a title="الاعضاء" href="#">الأعضاء  </a>
      <ul>
        <li><a title="قائمة الأعضاء" href="http://shefo.0wn0.com/memberlist" class="documents" > » قائمة الأعضاء  </a></li>
        <li><a title="أفضل 20 عضو" href="http://shefo.0wn0.com/memberlist?mode=overall_posters" class="messages" > » أفضل 20 عضو  </a></li>
        <li><a title="أفضل أعضاء اليوم" href="http://shefo.0wn0.com/memberlist?mode=today_posters" class="signout" > » أفضل أعضاء اليوم  </a></li>
      </ul>
 
    <li><a title="اسألة شائعة" href="http://shefo.0wn0.com/faq">اسألة شائعة</a></li>
  <li><a title="ما الجديد" href="http://shefo.0wn0.com/search.forum?search_id=newposts" class="documents" >ما الجديد  </a></li>
        <li><a title="خيارات سريعة" href="#"><img src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png" /></a>
      <ul>
        <li><a title="جميع مشاركاتي" href="http://shefo.0wn0.com/search.forum?search_id=egosearch" class="messages" > » جميع مشاركاتي  </a></li>
        <li><a title="مواضيع لم يرد عليها" href="http://shefo.0wn0.com/search.forum?search_id=unanswered" class="signout" > » مواضيع لم يرد عليها  </a></li>
                  <li><a title="#" href="#" class="signout" > » قريبا  </a></li>
      </ul>
  </li>
        <a>{GENERATED_NAV_BAR}</a>
</ul>
 
<style Type="Text/css">
/* Reset */
.menu,
.menu ul,
.menu li,
.menu a {margin: 0; padding: 0;  border: none; outline: none;}
 
/* Menu */
.menu {height: 42px; width: 100%; background: #2e2e2e;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
 
  background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);
  background: -moz-linear-gradient(top, #494949 0%,#202020 100%);
  background: -o-linear-gradient(top, #494949 0%,#202020 100%);
  background: -ms-linear-gradient(top, #494949 0%,#202020 100%);
  background: linear-gradient(top, #494949 0%,#202020 100%);
  position: fixed;
  }
.menu li {position: relative;  list-style: none; float: right;  display: block;  height: 40px;}
 
/* Links */
.menu li a {  display: block;  padding: 0 8px;  margin: 6px 0;  line-height: 30px;
  text-decoration: none;  border-left: 1px solid #393942;  border-right: 1px solid #161616;
  font-family: Tahoma;  font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}
.menu li:hover > a { color: #8fde62; }
 
/* Sub Menu */
.menu ul { position: absolute;  top: 40px; left: 0; opacity: 0;  background: #1f2024;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: opacity .25s ease .1s;
  -moz-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s; }
.menu li:hover > ul { opacity: 1;}
.menu ul li { height: 0; overflow: hidden; padding: 0;
  -webkit-transition: height .25s ease .1s;
  -moz-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s; }
.menu li:hover > ul li { height: 34px;  overflow: visible; padding: 0;}
.menu ul li a {width: 130px;  padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}
.menu ul li:last-child a { border: none; }
</style>
<!-- نافبار شيفو نت نهاية-->
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12927
السُمعة : 295

http://yasirayad.com/

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

رد: النافبار المتحرك

مُساهمة من طرف زائر في الخميس 30 يوليو 2015 - 1:55

تمام شكرا لك Cool

تم الحل
avatar
زائر
زائر


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

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


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