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

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


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

تثبيت نافبار المنتدى في أعلى المتصفح

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

تثبيت نافبار المنتدى في أعلى المتصفح

مُساهمة من طرف abdelhamid في الثلاثاء 25 يونيو 2013 - 21:24


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

لقد قمت بتركيب نافبار مثل الموجود مي منتدى حوف نت

لكن المشكل انه ليس ثابت في اعلى المتصفح بل اصبح ثابت في صفحات المنتدى يعني لو انزلت الصفحة سيختفي


وبارك الله فيكم
اريد حلا
في اقرب وقت ان امكن
avatar
abdelhamid
 
 

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

http://eddis.yoo7.com

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

رد: تثبيت نافبار المنتدى في أعلى المتصفح

مُساهمة من طرف حـــوده في الثلاثاء 25 يونيو 2013 - 21:46

ضع قالب الهيدر كامل ليتم التعديل لك يا غالي
avatar
حـــوده
 
 

ذكر
عدد المساهمات : 3197
معدل النشاط : 6690
السُمعة : 103

http://www.layalyeg.com

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

رد: تثبيت نافبار المنتدى في أعلى المتصفح

مُساهمة من طرف abdelhamid في الثلاثاء 25 يونيو 2013 - 22:20

الكود:

<!-- نافبات بداية -->
<ul  class="menu" >
  <li><a  href="http://www.dzosb.com/" alt="dzosb" title="الرئيسية"><img src="http://i82.servimg.com/u/f82/12/35/90/56/dzosb10.png" /></a></li>
        <li><a href="http://www.dzosb.com/h28-page"" =""="" title="تحميل الصور من حاسوبك" onclick="window.open(this.href); return false;" >تحميل الصور</a></li>
        <li><a title="الاعضاء" href="#">الأعضاء  ▼ </a>
      <ul>
        <li><a title="قائمة الأعضاء" href="http://www.dzosb.com/memberlist" class="documents" > » قائمة الأعضاء  </a></li>
        <li><a title="أفضل 20 عضو" href="http://www.dzosb.com/memberlist?mode=overall_posters" class="messages" > » أفضل 20 عضو  </a></li>
        <li><a title="أفضل أعضاء اليوم" href="http://www.dzosb.com/memberlist?mode=today_posters" class="signout" > » أفضل أعضاء اليوم  </a></li>
      </ul>
                <li><a  href="http://www.dzosb.com/search.forum?search_id=newposts" class="documents"" =""="" title="استعراض المواضيع الاخيرة منذ آخر زيارة" onclick="window.open(this.href); return false;" >ما الجديد؟  </a></li>
  <li><a title="دخول بالفيسبوك" href="http://www.dzosb.com/login?redirect" >دخول بالفيسبوك  </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://www.dzosb.com/search.forum?search_id=egosearch" class="messages" > » جميع مشاركاتي  </a></li>
        <li><a title="مواضيع لم يرد عليها" href="http://www.dzosb.com/search.forum?search_id=unanswered" class="signout" > » مواضيع لم يرد عليها  </a></li>
        <li><a title="قوانين المنتدى" href="http://www.dzosb.com/t1-topic" onclick="window.open(this.href); return false;" > » قوانين المنتدى  </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>
<!-- نافبار  نهاية-->
وضعت هذا الكود بعد      {JAVASCRIPT} في overall_header
avatar
abdelhamid
 
 

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

http://eddis.yoo7.com

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

رد: تثبيت نافبار المنتدى في أعلى المتصفح

مُساهمة من طرف حـــوده في الثلاثاء 25 يونيو 2013 - 22:24

اتفضل تم التعديل
الكود:

    <!-- نافبات بداية -->
    <ul  class="menu" >
      <li><a  href="http://www.dzosb.com/" alt="dzosb" title="الرئيسية"><img src="http://i82.servimg.com/u/f82/12/35/90/56/dzosb10.png" /></a></li>
            <li><a href="http://www.dzosb.com/h28-page"" =""="" title="تحميل الصور من حاسوبك" onclick="window.open(this.href); return false;" >تحميل الصور</a></li>
            <li><a title="الاعضاء" href="#">الأعضاء  ▼ </a>
          <ul>
            <li><a title="قائمة الأعضاء" href="http://www.dzosb.com/memberlist" class="documents" > » قائمة الأعضاء  </a></li>
            <li><a title="أفضل 20 عضو" href="http://www.dzosb.com/memberlist?mode=overall_posters" class="messages" > » أفضل 20 عضو  </a></li>
            <li><a title="أفضل أعضاء اليوم" href="http://www.dzosb.com/memberlist?mode=today_posters" class="signout" > » أفضل أعضاء اليوم  </a></li>
          </ul>
                    <li><a  href="http://www.dzosb.com/search.forum?search_id=newposts" class="documents"" =""="" title="استعراض المواضيع الاخيرة منذ آخر زيارة" onclick="window.open(this.href); return false;" >ما الجديد؟  </a></li>
      <li><a title="دخول بالفيسبوك" href="http://www.dzosb.com/login?redirect" >دخول بالفيسبوك  </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://www.dzosb.com/search.forum?search_id=egosearch" class="messages" > » جميع مشاركاتي  </a></li>
            <li><a title="مواضيع لم يرد عليها" href="http://www.dzosb.com/search.forum?search_id=unanswered" class="signout" > » مواضيع لم يرد عليها  </a></li>
            <li><a title="قوانين المنتدى" href="http://www.dzosb.com/t1-topic" onclick="window.open(this.href); return false;" > » قوانين المنتدى  </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;      position: fixed;
                box-shadow: 0 3px 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>
    <!-- نافبار  نهاية-->
avatar
حـــوده
 
 

ذكر
عدد المساهمات : 3197
معدل النشاط : 6690
السُمعة : 103

http://www.layalyeg.com

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

رد: تثبيت نافبار المنتدى في أعلى المتصفح

مُساهمة من طرف abdelhamid في الثلاثاء 25 يونيو 2013 - 22:30

بالفعل اخي تم تثبيتها


لكن في بعض المشاكل ظهرت
avatar
abdelhamid
 
 

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

http://eddis.yoo7.com

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

رد: تثبيت نافبار المنتدى في أعلى المتصفح

مُساهمة من طرف abdelhamid في الثلاثاء 25 يونيو 2013 - 22:37

وهي موضحة في الصور التالية:
1
اعلى الصفحة يوجد فراغ



2
لا تظهر.. خلف الاعلانات قوقل ادسننس



3
عند انزال الصفحة تبقى مرحبا بك +اسم العضو في اعلى الصفحة
avatar
abdelhamid
 
 

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

http://eddis.yoo7.com

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

رد: تثبيت نافبار المنتدى في أعلى المتصفح

مُساهمة من طرف حـــوده في الثلاثاء 25 يونيو 2013 - 23:11

ضع القالب للمعاينة اخي كما عدلته لك لاقوم بمعاينته مباشرة
+
اعلانات ادسنس لا يمكن ان يظهر فوقها لانها من نوع جافا سكربت
واي كود من نوع الجافا سيتخطى النافبار ويظهر اعلاه
avatar
حـــوده
 
 

ذكر
عدد المساهمات : 3197
معدل النشاط : 6690
السُمعة : 103

http://www.layalyeg.com

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

رد: تثبيت نافبار المنتدى في أعلى المتصفح

مُساهمة من طرف حـــوده في الثلاثاء 25 يونيو 2013 - 23:12

وارسل لي القالب كامل على الخاص اقصد قالب الهيدر بالكامل لازالة الفراغ الذي تحدثت عنه اخي
avatar
حـــوده
 
 

ذكر
عدد المساهمات : 3197
معدل النشاط : 6690
السُمعة : 103

http://www.layalyeg.com

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

رد: تثبيت نافبار المنتدى في أعلى المتصفح

مُساهمة من طرف abdelhamid في الجمعة 28 يونيو 2013 - 13:36

آسف على التاخر

لقد تم ارسال القالب
avatar
abdelhamid
 
 

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

http://eddis.yoo7.com

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

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


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