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

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


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

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

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

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

مُساهمة من طرف 3ZbNy 7oBk في الأربعاء 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
3ZbNy 7oBk
 
 

ذكر
عدد المساهمات : 76
معدل النشاط : 837
السُمعة : 0

http://www.rom2o.com/

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

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

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

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

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


يمنع طلب الدعم على الرسائل الخاصة !
avatar
YasirAyad
احلى اشراف عام
احلى اشراف عام

ذكر
عدد المساهمات : 10982
معدل النشاط : 12588
السُمعة : 281

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
احلى اشراف عام
احلى اشراف عام

ذكر
عدد المساهمات : 10982
معدل النشاط : 12588
السُمعة : 281

http://yasirayad.com/

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

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

مُساهمة من طرف 3ZbNy 7oBk في الخميس 30 يوليو 2015 - 1:55

تمام شكرا لك Cool

تم الحل
avatar
3ZbNy 7oBk
 
 

ذكر
عدد المساهمات : 76
معدل النشاط : 837
السُمعة : 0

http://www.rom2o.com/

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

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


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