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

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

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

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



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

أقسام الدعم

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

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

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

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

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

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

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

عمل منتدى

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

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

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

مُساهمة من طرف 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

3ZbNy 7oBk
 
 

ذكر
عدد المساهمات : 76
معدل النشاط : 667

http://www.rom2o.com/

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

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

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

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

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

new.moon2
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10711
معدل النشاط : 12143

http://yasirayad.com/

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

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

مُساهمة من طرف new.moon2 في الأربعاء 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>
<!-- نافبار شيفو نت نهاية-->

new.moon2
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10711
معدل النشاط : 12143

http://yasirayad.com/

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

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

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

تمام شكرا لك Cool

تم الحل

3ZbNy 7oBk
 
 

ذكر
عدد المساهمات : 76
معدل النشاط : 667

http://www.rom2o.com/

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

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


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