جاري التحميل
أفضل 10 أعضاء في هذا الأسبوع
iliecros21
 
zizou2012
 
JoryAbdallah
 
omarpop23
 

المتواجدون الآن ؟
ككل هناك 19 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 19 زائر :: 1 روبوت الفهرسة في محركات البحث

لا أحد

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 141 بتاريخ 19/07/16, 08:08 am
احصائيات
هذا المنتدى يتوفر على 490 عُضو.
آخر عُضو مُسجل هو iliecros21 فمرحباً به.

أعضاؤنا قدموا 9789 مساهمة في هذا المنتدى في 1846 موضوع

منتديات تقنيات :: طلبات العملاء المدفوعه :: 

مشكلة في كود نافبار

avatar
مشكلة في عدم ظهور كود النافبار

في هذا الموضوع

https://www.t3qnyiat.com/t1224-topic#8740


وهنا صوره لعدم ضهور الكود على منتدى تجريبي

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

هذه الملاحظات التى وردت فى الجافا
الكود:
 // TARGET NODES BY VERSION
        // PHPBB2  : .bodyline > table + table
        // PHPBB3  : #page-header .navlinks
        // PUNBB    : #pun-navlinks
        // INVISION : #submenu

اما عن الكود الخاص بنسختك ؟
الكود:

    (function() {
      if (!window.FA) window.FA = {};
      if (FA.Nav) {
        if (window.console && console.warn) console.warn('FA.Nav has already been defined');
        return;
      }
     
      FA.Nav = {
     
        // TARGET NODES BY VERSION
        // PHPBB2  : .bodyline > table + table
        // PHPBB3  : #page-header .navlinks
        // PUNBB    : #pun-navlinks
        // INVISION : #submenu
        targetNode : '.bodyline > table + table',
     
        customNav : '', // custom navlinks
     
        keepDefault : true, // keep the default navlinks
        collapsible : true, // show hide button
     
     
        // offset states
        offsets : {
          tbVisible : {
            bottom : 30,
            top : '30px'
          },
       
          tbHidden : {
            bottom : 0,
            top : '0px'
          },
       
          toggler : '30px'
        },
     
        activeOffset : {}, // active offset for the sticky nav
     
        visible : false, // sticky nav is visible
     
        // check the state of the static nav
        checkState : function() {
          if (!FA.Nav.animating) {
            var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
       
            if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
              if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
              FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
              FA.Nav.visible = true;
            } else if (!hidden && FA.Nav.barSticky.style.top != '-30px') {
              if (FA.Nav.toggler) FA.Nav.toggler.style.top = '-30px';
              FA.Nav.barSticky.style.top = '-30px';
              FA.Nav.visible = false;
            }
          }
        },
     
        animating : false, // sticky nav is animating
     
        // animate the sticky nav when the toolbar is toggled
        animate : function() {
          if (FA.Nav.visible) {
            FA.Nav.animating = true;
            FA.Nav.barSticky.style.transition = 'none';
       
            $(FA.Nav.barSticky).animate({
              top : FA.Nav.activeOffset.top
            }, function() {
              FA.Nav.barSticky.style.transition = '';
              FA.Nav.animating = false;
              FA.Nav.checkState();
            });
          }
        },
     
        // toggle sticky navigation and remember preference via cookies
        toggle : function() {
          if (FA.Nav.barSticky.style.width == '100%') {
            my_setcookie('fa_sticky_nav', 'hidden');
            FA.Nav.barSticky.style.width = '0%';
          } else {
            my_setcookie('fa_sticky_nav', 'shown');
            FA.Nav.barSticky.style.width = '100%';
          }
          return false;
        }
     
      };
     
      $(function() {
        // set default offsets based on toolbar state
        FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
        if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
     
        // find the static nav
        FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
     
        if (FA.Nav.barStatic) {
          FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
          if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
          FA.Nav.barSticky.id = 'fa_sticky_nav';
          FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
          FA.Nav.barSticky.style.top = '-30px';
           
          document.body.appendChild(FA.Nav.barSticky); // append the sticky one
           
          // sticky nav toggler
          if (FA.Nav.collapsible) {
            FA.Nav.toggler = document.createElement('A');
            FA.Nav.toggler.id = 'fa_sticky_toggle';
            FA.Nav.toggler.href = '#';
            FA.Nav.toggler.style.top = '-30px';
            FA.Nav.toggler.onclick = FA.Nav.toggle;
           
            document.body.appendChild(FA.Nav.toggler);
          };
         
          window.onscroll = FA.Nav.checkState; // check state on scroll
          FA.Nav.checkState(); // startup check
       
          // toolbar modifications
          $(function() {
            // animate sticky nav and change offsets when the toolbar is toggled
            $('#fa_hide').click(function() {
              FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
              FA.Nav.animate();
            });
         
            $('#fa_show').click(function() {
              FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
              FA.Nav.animate();
            });
          });
        }
      });
    }());

اتمنى لك التوفيق



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

avatar
اخي لم افهم التعديل

والكود ظهر ولكن به مشكله

عند الضغط عليه ل الاخفاء لا يختفي بالكامل



avatar
اهلا من جديد ..! m16

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

m13



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

avatar
تم الحذف
avatar
تم الحذف
avatar
ضع هذا فى الجافا .... فى جميع الصفحات

الكود:
(function() {
  if (!window.FA) window.FA = {};
  if (FA.Nav) {
    if (window.console && console.warn) console.warn('FA.Nav has already been defined');
    return;
  }
 
  FA.Nav = {
  
    // TARGET NODES BY VERSION
    // PHPBB2  : .bodyline > table + table
    // PHPBB3  : #page-header .navlinks
    // PUNBB    : #pun-navlinks
    // INVISION : #submenu
    targetNode : '.bodyline > table + table',
  
    customNav : '', // custom navlinks
  
    keepDefault : true, // keep the default navlinks
    collapsible : true, // show hide button
  
  
    // offset states
    offsets : {
      tbVisible : {
        bottom : 30,
        top : '30px'
      },
    
      tbHidden : {
        bottom : 0,
        top : '0px'
      },
    
      toggler : '30px'
    },
  
    activeOffset : {}, // active offset for the sticky nav
  
    visible : false, // sticky nav is visible
  
    // check the state of the static nav
    checkState : function() {
      if (!FA.Nav.animating) {
        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
    
        if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
          FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
          FA.Nav.visible = true;
        } else if (!hidden && FA.Nav.barSticky.style.top != '-30px') {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = '-30px';
          FA.Nav.barSticky.style.top = '-30px';
          FA.Nav.visible = false;
        }
      }
    },
  
    animating : false, // sticky nav is animating
  
    // animate the sticky nav when the toolbar is toggled
    animate : function() {
      if (FA.Nav.visible) {
        FA.Nav.animating = true;
        FA.Nav.barSticky.style.transition = 'none';
    
        $(FA.Nav.barSticky).animate({
          top : FA.Nav.activeOffset.top
        }, function() {
          FA.Nav.barSticky.style.transition = '';
          FA.Nav.animating = false;
          FA.Nav.checkState();
        });
      }
    },
  
    // toggle sticky navigation and remember preference via cookies
    toggle : function() {
      if (FA.Nav.barSticky.style.width == '100%') {
        my_setcookie('fa_sticky_nav', 'hidden');
        FA.Nav.barSticky.style.width = '0%';
      } else {
        my_setcookie('fa_sticky_nav', 'shown');
        FA.Nav.barSticky.style.width = '100%';
      }
      return false;
    }
  
  };
 
  $(function() {
    // set default offsets based on toolbar state
    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
  
    // find the static nav
    FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
  
    if (FA.Nav.barStatic) {
      FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
      if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
      FA.Nav.barSticky.id = 'fa_sticky_nav';
      FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
      FA.Nav.barSticky.style.top = '-30px';
        
      document.body.appendChild(FA.Nav.barSticky); // append the sticky one
        
      // sticky nav toggler
      if (FA.Nav.collapsible) {
        FA.Nav.toggler = document.createElement('A');
        FA.Nav.toggler.id = 'fa_sticky_toggle';
        FA.Nav.toggler.href = '#';
        FA.Nav.toggler.style.top = '-30px';
        FA.Nav.toggler.onclick = FA.Nav.toggle;
        
        document.body.appendChild(FA.Nav.toggler);
      };
      
      window.onscroll = FA.Nav.checkState; // check state on scroll
      FA.Nav.checkState(); // startup check
    
      // toolbar modifications
      $(function() {
        // animate sticky nav and change offsets when the toolbar is toggled
        $('#fa_hide').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
          FA.Nav.animate();
        });
      
        $('#fa_show').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
          FA.Nav.animate();
        });
      });
    }
  });
}());


ضع هذا الكود فى ورقة css

الكود:

* sticky nav main */
#fa_sticky_nav {
  font-size:0; /* hide whitespace */
  text-align:center;
  background:#FAFAFA;
  border-bottom:1px solid #CCC !important;
  height:30px;
  position:fixed;
  right:0;
  z-index:999;
  overflow:hidden;
  transition:top 200ms linear, width 600ms ease-in-out;
}
 
#fa_sticky_nav li { display:inline } /* navlist adjustment */
 
 
/* sticky menu links */
#fa_sticky_nav a.mainmenu {
  color:#39C;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
  background:url('http://i18.servimg.com/u/f18/18/45/41/65/nav10.png') repeat-x 0px 30px;
  display:inline-block;
  padding:0 10px;
  height:30px;
  line-height:30px;
  transition:200ms;
}
 
#fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {
  background-position:0 25px;
}
 
 
/* sticky nav toggler */
#fa_sticky_toggle {
  background:url('http://i21.servimg.com/u/f21/18/21/41/30/omnibo10.png') no-repeat 0 0 #FAFAFA;
  border:1px solid #CCC;
  border-right:none;
  display:inline-block;
  height:29px;
  width:30px;
  position:fixed;
  right:0;
  z-index:999;
  transition:top 200ms linear;
}
 
#fa_sticky_toggle:hover { background-position:-30px 0 }
 
 
/* make hidden toolbar similar to toggler */
#fa_toolbar_hidden {
  border-radius:0 !important;
  border:1px solid #CCC;
  border-right:0;
  border-top:0;
}
 
 
/* post offset fix */
.post div[style*="-30px;"] {
  top:-60px !important;
}



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

avatar
ما زال في مشكله بالكود عند الضغط عليه لا يظهر

avatar
اخى الفاضل الكود يعمل لدى بشكل جيد
المرجوا ان تقوم بحذف كافة الاكاود التى فى منتداك وتقوم باغلاق العناصر المستقلة
وتقوم بتجربة هذه المرة ؟



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

avatar
لا يوجد اكواد والعناصر غير مفعله ولا زالت المشكله

خللاص انا مليت ولا اريد الكود يبدو بانه لا يرديني ايضا
avatar
@ebrah كتب:لا يوجد اكواد والعناصر غير مفعله ولا زالت المشكله

خللاص انا مليت ولا اريد الكود يبدو بانه لا يرديني ايضا

طيب احذف ملفات الارتباط والكوكيز اعتقد ان المشكلة من عندك لان الكود يعمل لدى بشكل جيدا على فيرفوكس وعلى كروم فلا اعتقد ان المشكلة فى الكود
قم بتجربته على كروم وفيرفوكس وتابع معى



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

avatar
@وهبة الساحر كتب:
@ebrah كتب:لا يوجد اكواد والعناصر غير مفعله ولا زالت المشكله

خللاص انا مليت ولا اريد الكود يبدو بانه لا يرديني ايضا

طيب احذف ملفات الارتباط والكوكيز اعتقد ان المشكلة من عندك لان الكود يعمل لدى بشكل جيدا على فيرفوكس وعلى كروم فلا اعتقد ان المشكلة فى الكود
قم بتجربته على كروم وفيرفوكس وتابع معى

فعلت وبدون فائده
خلص اخي اتعبتك معي
انسى امر الكود
avatar
انا بصراحة عايز اسعدك وما بحب اسيب مشكلة غير ما احلها بامر الله
ومشكلتك انك خائف من ارسال عضوية المنشىء مش عارف ليه انت خائف مع ان ده منتدى تجريبى  يعنى حتى ما عليه خوف
وده عدم الثقة ودى مشكلتك انت .. انت لو خد بالك كويس كنت هتعرف ان وهبة الساحر كان مساعد فى الدعم من سنه 2008 واعرف الكثير من الاشياء
التى تجعلنى خبير فى عوامل البرمجة الحديثة والقديمة واتمكن من حلها بدون اى مشاكل جارية او ثابتة .. للعلم انا قلت لك هذا الكلام عشان مش اثبتلك انى جدير بالامر ولكن لكل واحد قيمته فى ارجاء المنتديات ..اعرف ان انك بتتعامل مع مبرمج قام بتعامل مع اصعب المشاكل التى واجهت اكبر  عضويات الحبراء
والسلام حسن الختام



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

avatar
@وهبة الساحر كتب:
انا بصراحة عايز اسعدك وما بحب اسيب مشكلة غير ما احلها بامر الله
ومشكلتك انك خائف من ارسال عضوية المنشىء مش عارف ليه انت خائف مع ان ده منتدى تجريبى  يعنى حتى ما عليه خوف
وده عدم الثقة ودى مشكلتك انت .. انت لو خد بالك كويس كنت هتعرف ان وهبة الساحر كان مساعد فى الدعم من سنه 2008 واعرف الكثير من الاشياء
التى تجعلنى خبير فى عوامل البرمجة الحديثة والقديمة واتمكن من حلها بدون اى مشاكل جارية او ثابتة .. للعلم انا قلت لك هذا الكلام عشان مش اثبتلك انى جدير بالامر ولكن لكل واحد قيمته فى ارجاء المنتديات ..اعرف ان انك بتتعامل مع مبرمج قام بتعامل مع اصعب المشاكل التى واجهت اكبر  عضويات الحبراء
والسلام حسن الختام

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

Admin

باس
Admin79
avatar

اسف عزيزى على التاخير ولكن انا فى عددة محاولة فى تحسين جودة البرمجة لنها بها مشكلة كبيرة .. مما يؤدى الى تشغيل الكود على كروم ولكن لم يعمل على فايرفوكس بشكل صحيح سيتم تعديله عما قريب انشاء الله .. المرجوا الانتظار لحين دخولى مرة اخرى




وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

avatar
تم التحديث... تم اضافة كود فى وراقة css اتمنى انك تشاهد النتيجة واذا هناك شىئا ما يرجى ابلاغى بالامر
واسف مرة اخرى على تاخيرى فى الرد بسبب ظروف طارئة

بتوفيق لك



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

avatar
يعطيك العافيه اخي

الكود يعمل بشكل جيد

بارك الله فيك

سجل دخولك أو انشئ حساب لترك رد

تحتاج إلى أن تكون عضوا من أجل ترك الرد.

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


انشئ حساب جديد

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول