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

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


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

لدي مشكلة بسيطه في كود

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

لدي مشكلة بسيطه في كود

مُساهمة من طرف mazeeka2011 في الأربعاء 15 يونيو 2016 - 1:50



انا وضعت االكود ده لكنة لا يعمل عندي لو يوجد ااحد خبير يعرف يشغل الكود

الكود جافا
[list=linenums]
[*](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 : '#page-header .navlinks',
[*]   
[*]    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();
[*]        });
[*]      });
[*]    }
[*]  });
[*]}());
[/list]



الكود css 
[list=linenums]
[*]/* sticky nav main */
[*]#fa_sticky_nav {
[*]  font-size:0; /* hide whitespace */
[*]  text-align:center;
[*]  background:#333;
[*]  border-bottom:1px solid #222 !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:#CCC;
[*]  font-size:12px;
[*]  font-weight:bold;
[*]  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
[*]  background:url('http://i21.servimg.com/u/f21/18/21/41/30/row10.gif') 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 {
[*]  color:#FFF;
[*]  background-position:0 25px;
[*]}
 
 
[*]/* sticky nav toggler */
[*]#fa_sticky_toggle {
[*]  background:url('http://i21.servimg.com/u/f21/18/21/41/30/omnida11.png') no-repeat 0 0 #333;
[*]  border:1px solid #222;
[*]  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 #222;
[*]  border-right:0;
[*]  border-top:0;
[*]}
 
 
[*]/* post offset fix */
[*].post div[style*="-30px;"] {
[*]  top:-60px !important;
[*]}
[/list]



ارجو الرد بالحل اخواني
avatar
mazeeka2011
 
 

ذكر
عدد المساهمات : 552
معدل النشاط : 1553
السُمعة : 3

http://muhammed-nabina.yoo7.com/

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

رد: لدي مشكلة بسيطه في كود

مُساهمة من طرف لؤي03 في الأربعاء 15 يونيو 2016 - 2:21

ما وظيفة الاكواد؟
avatar
لؤي03
 
 

ذكر
عدد المساهمات : 418
معدل النشاط : 1330
السُمعة : 3

http://bank.ahlamontada.com/

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

رد: لدي مشكلة بسيطه في كود

مُساهمة من طرف mazeeka2011 في الأربعاء 15 يونيو 2016 - 2:48

انا وضعت صوره للتوضيح في الاعلي
avatar
mazeeka2011
 
 

ذكر
عدد المساهمات : 552
معدل النشاط : 1553
السُمعة : 3

http://muhammed-nabina.yoo7.com/

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

رد: لدي مشكلة بسيطه في كود

مُساهمة من طرف Michael_vx في الأربعاء 15 يونيو 2016 - 3:51

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

Michael_vx
 
 

ذكر
عدد المساهمات : 1559
معدل النشاط : 5462
السُمعة : 69

http://miccsoft.com

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

رد: لدي مشكلة بسيطه في كود

مُساهمة من طرف omarpop23 في الأربعاء 15 يونيو 2016 - 3:58

رابط منتداك ياغالي لوسمحت
avatar
omarpop23
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 1032
معدل النشاط : 3167
السُمعة : 104

http://devs.ahlamontada.com

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

رد: لدي مشكلة بسيطه في كود

مُساهمة من طرف Michael_vx في الأربعاء 15 يونيو 2016 - 4:12

اسمع الكود ينقسم الى خطوتين الخطوة الاولى هو كود يوضع بورقة ال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;}

اللون الغامق

الكود:
/* sticky nav main */#fa_sticky_nav {  font-size:0; /* hide whitespace */  text-align:center;  background:#333;  border-bottom:1px solid #222 !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:#CCC;  font-size:12px;  font-weight:bold;  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;  background:url('http://i21.servimg.com/u/f21/18/21/41/30/row10.gif') 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 {  color:#FFF;  background-position:0 25px;}  /* sticky nav toggler */#fa_sticky_toggle {  background:url('http://i21.servimg.com/u/f21/18/21/41/30/omnida11.png') no-repeat 0 0 #333;  border:1px solid #222;  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 #222;  border-right:0;  border-top:0;}  /* post offset fix */.post div[style*="-30px;"] {  top:-60px !important;}

الخطوة الثانية هى كود الجافا
الكود:
(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();
                });
              });
            }
          });
        }());

الكود معدل ليعمل على النسخة PHPBB2
اذا لم يعمل فذلك بسبب تعديل التومبلات وعدم وجود الشريط الاصلى للمنتدى
شريط الازرار

Michael_vx
 
 

ذكر
عدد المساهمات : 1559
معدل النشاط : 5462
السُمعة : 69

http://miccsoft.com

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

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


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